html,body{height:100%;margin:0;padding:0;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;min-height:100vh}.content{flex:1;padding:0 0 10px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;background-color:#f5f5f5}footer{width:100%;padding:10px 0;background-image:linear-gradient(to right,#31429a,#31429a,#31429a,#31429a,#404040,#404040)}header{width:100%;background-image:linear-gradient(to right,#fff,#fff,#31429a,#31429a,#31429a)}@media (max-width: 1700px){header{background-image:linear-gradient(to right,#fff,#fff,#fff,#31429a,#31429a,#31429a)}}@media (max-width: 1000px){header{background-image:linear-gradient(to right,#fff,#fff,#fff,#fff,#31429a)}}