@media only screen and (min-width : 981px) {
.et_fullwidth_nav #main-header .container {
padding-right: 0px!important;
padding-left: 0px!important;}
#et-top-navigation {
background: #683569;} .et_header_style_left #et-top-navigation,
.et_header_style_split #et-top-navigation {
padding-top: 0px!important;
padding-left: 13px!important;}
#top-menu li {
padding-right: 15px;}
#top-menu > li > a {
padding: 15px 15px!important;
margin-bottom: 0px;
margin-top: 0px;}
#top-menu .menu-item-has-children > a:first-child:after {
display:none;}
#top-menu-nav > ul > li > a {
color: #ffffff; -webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: box-shadow, transform;
transition-property: box-shadow, transform;}
#top-menu-nav > ul > li > a:hover, 
#top-menu-nav > ul > li > a:focus, 
#top-menu-nav > ul > li > a:active {
background:#4dc5e1; color:#ffffff; opacity:1;
z-index: 99999;
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 1.0);
-webkit-transform: translateZ(0) scale(1.1);
transform: translateZ(0) scale(1.1);}
} @media only screen and (min-width: 480px) and (max-width: 981px) {
#logo {
height: 150px;
max-height: 150px !important;
}
} @media only screen and (max-width: 479px) {
#logo {
height: 125px;
max-height: 125px !important;
}
}
.box {
border: 1px solid #683569;
border-radius: 15px 15px;
box-shadow: 3px 3px 12px 0px #000000;
} .vertical-align {
display: flex;
flex-direction: column;
justify-content: center;
} #et-secondary-menu {
float: none !important;
text-align: center;
}