.w3-sidebar{height:calc(100vh - 300px);margin-top:300px}.w3-main{overflow:hidden;padding-top:300px}.od-bar-text{background-color:#000;border-radius:5px;padding:1px;font-size:40px;line-height:35px;position:absolute;right:200px;bottom:6px}.od-bar-logo{height:300px;padding:0;-webkit-transition:height .5s;transition:height .5s}.od-bar-text div{font-size:.5em;line-height:1em}.picturelinks{width:32.7%}.quicksearch{width:35%;float:right}.pictureblock{width:62%;float:left}@media (max-width:768px){.w3-sidebar{height:calc(100vh - 200px);margin-top:200px}.od-bar-logo{height:200px;padding:0}.w3-main{padding-top:200px}.od-bar-text{font-size:30px;line-height:25px;right:150px}.picturelinks{width:32.5%}.quicksearch{width:35%;float:right}.pictureblock{width:62%;float:left}}@media (max-width:600px){.w3-sidebar{height:calc(100vh - 180px);margin-top:180px}.od-bar-logo{height:180px;padding:0}.w3-main{padding-top:180px}.od-bar-text{font-size:25px;line-height:20px;right:150px}.picturelinks{width:49%}.quicksearch{width:49.7%;float:right}.pictureblock{width:49.7%;float:left}}@media (max-width:500px){.w3-sidebar{height:calc(100vh - 160px);margin-top:160px}.od-bar-logo{height:160px;padding:0}.w3-main{padding-top:160px}.od-bar-text{font-size:30px;line-height:25px;right:150px}.od-bar-text div{display:none}}@media (max-width:400px){.w3-sidebar{height:calc(100vh - 150px);margin-top:150px}.od-bar-logo{height:150px;padding:0}.w3-main{padding-top:150px}.od-bar-text{font-size:28px;line-height:18px;right:150px}.picturelinks{width:99.5%}.pictureblock,.quicksearch{width:100%;float:none}}@media (max-width:350px){.w3-sidebar{height:calc(100vh - 110px);margin-top:110px}.od-bar-logo{height:110px;padding:0}.w3-main{padding-top:110px}}