@media screen and (max-width: 1152px) {
  html {
    font-size: 9px;
  }

  .members-card {
    height: 18rem;
  }
}

@media screen and (max-width: 1040px) {
  html {
    font-size: 8px;
  }

  .company {
    height: 60rem;
  }

  .landing {
    height: 76rem;
  }

  .landing-body {
    height: 64rem;
  }
}

@media screen and (max-width: 920px) {
  html {
    font-size: 7px;
  }
}

@media screen and (max-width: 880px) {
  html {
    font-size: 6px;
  }

  .landing-information {
    height: 5.3rem;
  }

  .body-text {
    line-height: 2.5rem;
  }
}

@media screen and (max-width: 690px) {
  html {
    font-size: 5px;
  }

  .body-text {
    letter-spacing: 1px;
  }

  .landing-information {
    margin-top: -5rem;
  }
}

@media screen and (max-width: 576px) {
  html {
    font-size: 4px;
  }
}

@media screen and (max-width: 460px) {
  html {
    font-size: 3px;
  }
}

@media screen and (max-width: 365px) {
  html {
    font-size: 2.1px;
  }
}

@media screen and (max-width: 280px) {
  html {
    font-size: 1.5px;
  }
}

@media screen and (max-width: 220px) {
  html {
    font-size: 1.2px;
  }
}
