@media(max-width:1023px){
#navBar{background:rgb(49,102,176);position:fixed;top:0px;left:0px;z-index:1000;height:120px}
#hamburger{display:block;position:relative;top:30px;left:30px;z-index:1000}
#titlesContainer{width:100%;height:60px;position:absolute;top:20px;text-align:center;z-index:100}
#titlesContainer h1{font-size:5vw}
#titlesContainer h2{font-size:2.5vw}
#navContainerWrapper{display:block;background:rgb(76,130,201);position:fixed;height:100%;width:636px;z-index:1000;top:120px;left:-636px;overflow-y:scroll}
#navContainer{width:600px}
#navContainer li{display:block;padding-bottom:0px;margin:0px 0px 0px 10px;font-size:30pt;line-height:120px}
#navContainer li ul.submenu{background:rgb(76,130,201);position:inherit;display:block;padding-left:20px;width:592px}
#navContainer li ul.submenu li{font-size:26pt;width:inherit;line-height:80px}
#midBar{height:auto;margin-top:120px}
#midContainer{height:auto;width:auto}
#midLeftCol{width:auto;height:auto;float:initial}
#midLeftCol h1{text-align:center;font-size:6.7vw;margin:0px;display:block;padding-top:20px}
#midLeftCol h2{text-align:center;font-size:3.1vw;display:block;margin-left:0px}
#quoteContainer{float:left;display:block;position:inherit}
#quote{font-size:16px;line-height:auto}
#quoteAuthor{font-size:13px;line-height:auto;text-align:left}
#midContainer img{margin:0px auto;display:block;padding:20px;float:right}
#mainContainer{width:auto;text-align:justify;margin:150px auto;font-size:20pt;line-height:20pt}
#mainContainer h2{text-transform:uppercase}
#mainContainer #socialsList li{display:block;margin-bottom:5px}
#mainContainer #mainQuote{color:rgb(238,148,88)}
#bottomBar{font-size:14pt;width:auto}
}