@media (min-width: 576px) {

}

@media (min-width: 768px) {
  /* Header */
  .site-brand img {
    max-height: 60px;
  }
  /* Header -> Page Header */
  .page-header {
    padding: 5rem 0 5rem 0;
  }
  /* Notice */
  .notice-block {
    width: 98%;
  }
  .notice-block::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background-color: var(--secondary);
    width: 95%;
    height: 100%;
    z-index: -1;
    transform: rotate(-5deg);
  }
}
@media (min-width: 992px) {
  /* Header */
  .site-brand img {
    max-height: 80px;
  }
  /* Header -> Main menu */
  .menu-wrap ul.menu li {
    background: linear-gradient(to bottom, transparent 50%, var(--dark) 50%);
    background-size: 100% 200%;
    transition: all 0.2s linear;
  }
  .menu-wrap ul.menu li:hover {
    background-position: 0 -100%;
  }
  ul.main-menu li a:hover {
    color: var(--primary);
  }
  .menu-wrap ul.menu li.expanded:hover .dropdown-arrow,
  .menu-wrap ul.menu li.collapsed:hover .dropdown-arrow {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
        transform: rotate(135deg);
  }
  .menu-wrap ul.menu ul.submenu {
    top: 36px;
    background-color: var(--dark);
  }
  .menu-wrap ul.menu ul.submenu li {
    border-bottom: 1px solid var(--primary);
  }
  .menu-wrap ul.menu ul.submenu li a:hover {
    color: #ffffff;
  }
}
@media (min-width: 1170px) {
  /* Header */
  .site-brand img {
    max-height: 90px;
  }
}