@media (min-width: 801px) { .title-area { background-color: #FFF; box-shadow: 0 0 6px #00000040; border-radius: 0 0 8px 8px; float: left; margin: 0; max-width: 250px; padding: 30px 30px 50px; position: relative; width: auto; z-index: 9999; margin-top: -20px; } .site-header { height: 60px; margin-top: 18px; margin-bottom: 18px; background-color: #ffffffbd !important; color: #000; } .nav-primary { float: right; margin-top: -5px; margin-right: 40px; } .nav-primary .wrap { float: right; padding-right: 0px; } .offscreen-content button, .offscreen-content-icon button { padding: 2px 10px 2px 12px; margin-top: 8px; background: transparent; } }
Round LOGO
@media (min-width: 801px) { .title-area { background-color: #FFF; border-radius: 50% !important; box-shadow: 0 0 6px #00000040; float: left; margin: 0; width: 150px !important; height: 150px; padding: 30px 30px 50px; position: relative; width: auto; z-index: 9999; margin-top: -40px; } .site-header { height: 60px; margin-top: 50px; margin-bottom: 18px; background-color: #ffffffbd !important; color: #000; box-shadow: 0 0 15px #00000040; } .nav-primary { float: right; margin-top: -5px; margin-right: 40px; } .nav-primary .wrap { float: right; padding-right: 0px; } .offscreen-content button, .offscreen-content-icon button { padding: 2px 10px 2px 12px; margin-top: 40px; background: transparent; } }