/* Separate boundary between the transparent header and rotating hero. */
.site-header {
  border-bottom: 1px solid rgba(255, 255, 255, .34) !important;
  box-shadow: 0 2px 12px rgba(28, 67, 112, .14) !important;
}
.site-header.nav-open {
  border-bottom-color: #dfe5ec !important;
  box-shadow: 0 5px 18px rgba(17, 43, 76, .14) !important;
}
@media (max-width: 850px) {
  .site-header {
    border-bottom-color: #dfe5ec !important;
    box-shadow: 0 3px 14px rgba(17, 43, 76, .12) !important;
  }
}