< type="text/css"> #BNnav#BabyNames-Header#topstrip#footer { width:100%; } #BabyNames-Header{width:100%; background-color: #8f4baa !important; padding:20px 20px 0 20px; overflow:hidden; margin-top:35px;} #header-left {display:inline-block; float:left; color: #FFF; } #header-right {display:inline-block; float:right; margin-right:40px;} #headerletters {display:block;margin-top:20px !important; overflow:hidden;} .searchie {clear:both; display:block;} .logo {font-size:33px; font-family:'Lato','Sans-Serif'; font-weight:700; color: #FFF; margin:0; padding:0; } .logo-com {font-size:20pt;} #footer .logo {font-size:25pt; margin:10px 0 20px 10px;font-weight:600;} #footer .logo a:hover {text-decoration:none;} #footer .logo-com {font-size: 15pt;} h2.logotag { color: #FFF !important; margin-top:10px; font-:italic; font-size:11pt;font-weight:400} a.branding {color: #FFF !important; text-decoration:none;} a.branding:hover {color:yellow; text-decoration: none; } ul.browsebyletter {margin:0 !important; padding:10px 0 0 0; display:block;} ul.browsebyletter li { display:inline; float:left; margin:0px 6px 10px 0; } ul.browsebyletter li a { background: #FFF !important; color: #333 !important; font-size:14pt; text-decoration: none; padding: 0 5px; height:30px; width:30px; padding:0px 8px; -webkit-appearance: none; -webkit-border-radius: 0; } ul.browsebyletter li a:hover { text-decoration: none; background-color: yellow !important; color:#000 !important; } @media screen and (max-width:480px) { #BabyNames-Header {padding:10px;margin:0; text-align:left;} #header-left {display:block; float:none; } .searchie {clear:both; display:block;} #header-right {display:none;} #headerletters {display:none;} .home #headerletters {display:block;} }