@media screen and (max-width: 64rem) {
  .col {
    width: calc(33.333333% - 2rem) !important;
  }
}
@media screen and (max-width: 48rem) {
  .col {
    width: calc(50% - 2rem) !important;
  }
}
@media screen and (max-width: 32rem) {
  .col {
    width: 100% !important;
    margin: 0 0 2rem 0 !important;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .header {
    display: block !important;
  }
  .header .logo {
    text-align: center;
    width: 100% !important;
    flex: none !important;
    margin-left: 0 !important;
  }
  .header .logo .phone {
    text-align: center !important;
  }
  .header .title {
    width: 100% !important;
    flex: none !important;
  }
  .footer {
    display: block !important;
  }
  .footer .left {
    width: 100% !important;
    text-align: center !important;
  }
  .footer .right {
    width: 100% !important;
    text-align: center !important;
  }
}
@media (min-width: 570px) and (max-width: 760px) {
  .header .logo img {
    width: 90% !important;
  }
  .header .logo .phone a {
    font-size: 1.4rem !important;
  }
}
@media (min-width: 480px) and (max-width: 570px) and (orientation: landscape) {
  .header .logo img {
    width: 90% !important;
  }
  .header .logo .phone a {
    font-size: 1.2rem !important;
  }
}
@media (min-width: 760px) and (max-width: 1120px) {
  .header .logo img {
    width: 90% !important;
  }
}
/*# sourceMappingURL=media.css.map */