header{top:0;width:100%;z-index:999;position:fixed;transition:all ease-in-out .5s;border-top:3px solid #c93;}@media only screen and (min-width:300px) and (max-width:691px){header{min-height:70px;background-color:rgba(0,0,0,.7);}}header #logo{height:120px;margin:5px auto;display:inline-block;transition:all ease-in-out .5s;}header nav ul{text-align:center;}header nav ul li{display:inline-block;vertical-align:middle;}header nav ul li a{padding:0 15px;font-weight:600;color:#fff;letter-spacing:1px;text-transform:uppercase;transition:all ease-in-out .5s;}header nav ul li a:hover{color:#c93;}header.smaller{top:0;border-bottom:1px solid #333;background-color:rgba(0,0,0,.7);}header.smaller #logo{height:90px;}