@media only screen and (max-width: 1023px) {
  body {
    font-size: 22px;
  }
  body .section {
    padding-left: 6%;
    padding-right: 6%;
  }
}

@media only screen and (max-width: 992px) {
  .about-us-section__div {
    display: flex;
    flex-direction: column;
  }

  body .about-us-section__description {
    margin-left: 0;
    padding-top: 5%;
  }
}

@media only screen and (max-width: 767px) {
  .offer-houses__content-container,
  .offer-elevations__content-container,
  .offer-other__content-container,
  .offer-buildings__content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .offer-houses__description,
  .offer-elevations__description,
  .offer-other__description,
  .offer-buildings__description {
    width: 100%;
  }

  h1 {
    padding-top: 6%;
  }

  body h1::after {
    margin: 25px auto 30px auto;
  }

  body .offer-houses__image,
  body .offer-buildings__image {
    padding-right: 0%;
    padding-bottom: 5%;
  }
  .offer-elevations__image {
    padding-left: 0;
    padding-bottom: 3%;
  }

  .offer-other__image {
    padding-bottom: 3%;
    padding-left: 0;
  }

  body .offer-elevations__description p,
  body .offer-other__description p {
    padding-bottom: 5%;
  }

  body .contact-section__circle {
    width: 60px;
    height: 60px;
  }

  body .contact-section__column {
    margin: 0 2.5%;
  }
}

@media only screen and (max-width: 667px) {
  .divider {
    display: none;
  }
  .options {
    font-size: 0.9em;
  }
}

@media only screen and (max-width: 571px) {
  .contact-section__container {
    flex-direction: column;
  }

  .contact-section__column {
    padding-bottom: 5%;
  }

  body .footer {
    font-size: 0.7em;
    padding-right: 5%;
    padding-left: 5%;
    text-align: center;
  }
}

@media only screen and (max-width: 564px) {
  .options {
    font-size: 0.8em;
  }
}

@media only screen and (max-width: 502px) {
  body {
    font-size: 20px;
  }

  body .section {
    padding-bottom: 5%;
  }

  body h1::after {
    margin: 10px auto 30px auto;
  }

  .header__div {
    height: 45vh;
  }

  .header__paragraph {
    font-size: 120%;
  }

  .nav__logo {
    display: none;
  }

  .options {
    width: 100%;
    justify-content: center;
    font-size: 1.2em;
  }

  .header__div {
    background-position: 50%;
  }

  h1 {
    padding-top: 10%;
  }

  .contact-section__informations h4 {
    font-size: 0.8em;
    padding-bottom: 10%;
  }

  body .contact-section__circle {
    width: 50px;
    height: 50px;
  }

  body .contact-section__title {
    font-weight: bold;
    padding-top: 5%;
    padding-bottom: 3%;
  }

  body .footer p:last-child {
    padding-top: 5%;
  }
}

@media only screen and (max-width: 414px) {
  body .nav {
    justify-content: center;
    font-size: 0.9em;
  }
}

@media only screen and (max-width: 375px) {
  body .section {
    padding-left: 8%;
    padding-right: 8%;
  }

  body .nav {
    font-size: 0.8em;
  }

  h1 {
    font-size: 100%;
  }

  body .contact-section__circle {
    width: 45px;
    height: 45px;
    font-size: 0.8em;
  }
}

@media only screen and (max-width: 330px) {
  body .nav {
    font-size: 0.7em;
  }
}

@media only screen and (max-width: 287px) {
  body .nav {
    font-size: 0.65em;
  }

  body .contact-section__circle {
    width: 35px;
    height: 35px;
    font-size: 0.65em;
  }
}