html,body{margin:0;padding:0;height:100%;max-height:1700px;overflow-x:hidden;text-align:center;background-color:#333333;display:block;width:100%;}
/* Designing for scroll-bar */::-webkit-scrollbar {width: 5px;}     
/* Track */::-webkit-scrollbar-track {background:gainsboro;border-radius:5px;}      
/* Handle */::-webkit-scrollbar-thumb {background:black;border-radius:5px;}     
/* Handle on hover */::-webkit-scrollbar-thumb:hover{background:#555;}
.center{margin:0 auto;text-align:left;width:100%;}
@import url('https://fonts.googleapis.com/css?family=Maven+Pro');
@font-face {font-family:'Maven Pro', sans-serif;}
#container{position:relative;min-height:100%;display:block;width:85%;margin:0 auto;-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);-goog-ms-box-shadow: 0 0 20px #333333;box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);}
#layout{background-color:#444444;padding:10px;padding-bottom:50px;/* Height of the footer */}
#header{background:#444;position:inherit;padding-top:10px;}
#header img{position:relative;left:9.5%;width:30%;height:auto;z-index:2;}
#menu ul{position:absolute;top:35%;width:100%;text-shadow:2px 2px 8px #111;z-index:1;}	
ul.topnav{list-style-type: none;padding-left:58%;overflow:hidden;background-color:#333;}
ul.topnav li{float:left;}
ul.topnav li a{display:inline-block;color:#999;text-align:center;padding:14px 16px;text-decoration:none;transition:0.3s;font-family:'Maven Pro',sans-serif;font-size:20px;}
ul.topnav li a:hover{background-color:#555;}
ul.topnav li.icon{display:none;}
@media screen and (max-width:680px){
#layout{padding:0px;padding-bottom:150px;/* Height of the footer */}
#header img {width:100%;height:auto;left:0px;}
#menu ul{position:relative;width:100%;bottom:-30px;}
ul.topnav{padding-left:0%;}
ul.topnav li a{display:inline-block;color:#999;text-align:center;padding:14px 16px;text-decoration:none;transition:0.3s;font-family:'Maven Pro',sans-serif;font-size:14px;}
ul.topnav li:not(:first-child){display:none;}
ul.topnav li.icon{float:right;display:inline-block;}
ul.topnav.responsive{position: relative;}
ul.topnav.responsive li.icon{position: absolute;right:0;top:0;}
ul.topnav.responsive li{float: none;display:inline;}
ul.topnav.responsive li a{display:block;text-align:left;}
}

