/* -lg */
@media screen and (max-width: 1199px) {
  h1 {
    font-size: 36px;
  }
  h2 {
    font-size: 28px;
  }
  p {
    font-size: 18px;
  }
  .navbar {
    padding: 8px 0;
    height: auto;
  }
  .navbar .container {
    padding-top: 0;
    padding-bottom: 0;
  }
  .footer h5 {
    font-size: 22px;
  }
  .footer .links ul li {
    font-size: 18px;
  }
  .footer ul li {
    font-size: 16px;
  }
}

/* -md */
@media screen and (max-width: 991px) {
  .menu {
    width: 100%;
  }
  .closed {
    right: -100vh;
  }
}

/* -sm */
@media screen and (max-width: 767px) {
  .footer .info img {
    width: 92px;
    margin: 0 auto 24px;
    display: block;
  }
  .footer .info ul li {
    text-align: center;
  }
  .footer .links-other h5 {
    margin-top: 24px;
  }
}
/* -xs */
@media screen and (max-width: 575px) {
  .container,
  .container-fluid {
    width: 90%;
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .menu .content ul {
    padding: 0 32px;
  }
  .footer .links-wrapper {
    flex-direction: column;
  }
  .footer .links-wrapper .left,
  .footer .links-wrapper .right {
    width: 100%;
  }
}

/* >= 399px */
@media screen and (max-width: 399px) {
  .container,
  .container-fluid {
    width: 100%;
  }
}