.header { height: 41px; }

.header .logo { margin-left: -50px; width: auto; height: 40px; }

.header .logo a { display: block; }

.header .logo img { height: 40px; }

@media (min-width: 32em) { .header { /* width >= small, scale 0.8 */ height: 51px; }
  .header .logo { height: 50px; }
  .header .logo img { height: 50px; } }

@media (min-width: 40em) { .header { /* width >= medium */ height: 69px; }
  .header .logo { width: auto; height: 68px; }
  .header .logo img { height: 68px; } }

@media (min-width: 52em) { .header { /* width >= medium, scale 0.5 */ }
  .header .logo { margin-left: 0; } }

.main-menu > ul { padding: 0; width: auto; height: 40px; float: right; }

@media (min-width: 24em) { .main-menu > ul { /* width >= small, scale 0.6 */ padding-right: 5px; } }

@media (min-width: 32em) { .main-menu > ul { /* width >= small, scale 0.8 */ padding-right: 10px; height: 50px; } }

@media (min-width: 40em) { .main-menu > ul { /* width >= medium */ height: 68px; } }

@media (min-width: 52em) { .main-menu > ul { /* width >= medium, scale 0.5 */ padding-right: 20px; } }

@media (min-width: 64em) { .main-menu > ul { /* width >= large */ margin: 0 auto; padding-right: 0; float: none; text-align: center; } }

.main-menu > ul > li > a { margin: 0; padding: 7px 3px 0 3px; height: 40px; background-position: 100% 36%; font-weight: normal; font-size: 10px; }

@media (max-width: 23.9375em) { .main-menu > ul > li > a { /* width = small, scale -0.6 */ background: none; } }

@media (min-width: 24em) { .main-menu > ul > li > a { /* width >= small, scale 0.6 */ margin: 0 4px; padding: 7px 10px 0 10px; } }

.main-menu > ul > li:hover ul { top: 40px; padding-top: 10px; padding-bottom: 10px; height: auto; border-top: 1px solid #4d4d4d; }

.main-menu > ul > li:hover ul span { display: block; text-align: center; }

@media (min-width: 32em) { .main-menu > ul > li { /* width >= small, scale 0.8 */ }
  .main-menu > ul > li > a { margin: 0 8px; padding: 12px 12px 0 12px; height: 50px; background-position: 100% 40%; font-weight: bold; font-size: 12px; }
  .main-menu > ul > li:hover ul { top: 50px; } }

@media (min-width: 40em) { .main-menu > ul > li { /* width >= medium */ }
  .main-menu > ul > li > a { margin: 0 12px; padding: 20px 12px 0 12px; height: 68px; background-position: 100% 44%; font-size: 13px; }
  .main-menu > ul > li:hover ul { top: 68px; } }

@media (min-width: 52em) { .main-menu > ul > li { /* width >= medium, scale 0.5 */ }
  .main-menu > ul > li > a { margin: 0 20px; } }

@media (min-width: 64em) { .main-menu > ul > li { /* width >= large */ display: inline-block; float: none; } }

/*# sourceMappingURL=header-nav-responsive.css.map */