/* ------ Medium devices (tablets, 991px and down) -----*/
@media (max-width: 991px) {
  html {
    font-size: 62.5%;
  }

  .container {
    max-width: 740px;
  }
}

/*----- sm devices (tablets, 767px and down) -----*/
@media (max-width: 767px) {
  .container {
    max-width: 540px;
  }
}

/*----- xs devices (landscape phones, 575px and down) -----*/
@media (max-width: 575px) {
  html {
    font-size: 2.5vw;
  }

  .container {
    padding: 0 2rem;
    max-width: 100%;
  }

  .contact_content > p {
    font-size: 1.6rem;
    letter-spacing: 0.03em;
  }
}