@media (max-width: 1200px) {
  .apropos__cadre-photo {
    width: 16rem;
    height: 16rem;
  }

  .apropos__photo {
    width: 16rem;
    height: 16rem;
  }
}

@media (max-width: 991px) {
  .site-nav {
    padding: 1rem 1.5rem;
  }

  .site-nav__liste {
    display: none;
  }

  .site-nav__burger {
    display: flex;
  }

  .site-nav__logo-img {
    width: 4.5rem;
    height: 4.5rem;
  }

  .hero {
    padding: 7rem 1.5rem 4rem;
  }

  .section {
    padding: 4.5rem 1.5rem;
  }

  .processus {
    padding: 4.5rem 1.5rem;
  }

  .ruban {
    padding: 0.9rem 1.5rem;
  }

  .apropos__cadre-photo {
    width: 14rem;
    height: 14rem;
  }

  .apropos__photo {
    width: 14rem;
    height: 14rem;
  }

  .appel__deco {
    display: none;
  }

  .appel {
    min-height: auto;
  }

  .appel__contenu {
    padding: 5rem 1.5rem;
    flex: 1 1 100%;
    max-width: 100%;
  }

  .services {
    scroll-margin-top: 6.5rem;
  }

  .tarifs {
    scroll-margin-top: 6.5rem;
  }

  .temoignages {
    scroll-margin-top: 6.5rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
  .pied-de-page__col--marque {
    text-align: center;
  }

  .pied-de-page__col--marque .pied-de-page__logo-lien {
    display: block;
    width: fit-content;
    margin: 0 auto 0.75rem;
  }

  .pied-de-page__col--marque .pied-de-page__logo {
    width: 9rem;
    height: 9rem;
  }

  .pied-de-page__col--marque .pied-de-page__nom {
    font-size: 1.75rem;
  }

  .pied-de-page__col--marque .pied-de-page__slogan {
    font-size: 1rem;
    max-width: 100%;
    margin: 0 auto;
  }

  .pied-de-page__contact-reseaux {
    justify-content: center;
  }

  .blogue__infolettre-interieur {
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }

  .blogue__infolettre-champs {
    flex-direction: column;
  }

  .blogue__infolettre-champ {
    width: 100%;
  }

  .blogue__infolettre-champs .champ__input {
    width: 100%;
  }

  .blogue__infolettre-champs .btn-prim {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .apropos__cadre-photo {
    width: 13rem;
    height: 13rem;
  }

  .apropos__photo {
    width: 13rem;
    height: 13rem;
  }

  .apropos__badge {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1rem;
    white-space: nowrap;
  }

  .appel__meta {
    flex-direction: column;
    gap: 0.75rem;
  }

  .options-reservation {
    grid-template-columns: 1fr;
  }

  .entete-page {
    padding: 8rem 1.5rem 3.5rem;
  }

  .formulaire-contact {
    padding: 1.75rem 1.25rem;
  }

  .page-404__nombre {
    font-size: clamp(7rem, 28vw, 10rem);
  }

  .blogue__vedette-lien {
    grid-template-columns: 1fr;
  }

  .blogue__vedette-image {
    min-height: 14rem;
  }

  .blogue__vedette-corps {
    padding: 2rem 1.5rem;
  }

  .blogue__infolettre {
    padding: 2rem 1.25rem;
  }

  .blogue__infolettre-interieur {
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }

  .blogue__infolettre-champs {
    flex-direction: column;
  }

  .blogue__infolettre-champ {
    width: 100%;
  }

  .blogue__infolettre-champs .champ__input {
    width: 100%;
  }

  .blogue__infolettre-champs .btn-prim {
    width: 100%;
    justify-content: center;
  }

  .article__pied {
    flex-direction: column;
    align-items: flex-start;
  }

  .processus__ligne-grille {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }

  .etape__trait {
    display: none;
  }

  .etape {
    max-width: 22rem;
    width: 100%;
  }

  .pied-de-page__col--marque {
    text-align: center;
  }

  .pied-de-page__col--marque .pied-de-page__logo-lien {
    margin: 0 auto 0.5rem;
    display: block;
    width: fit-content;
  }

  .pied-de-page__col--marque .pied-de-page__slogan {
    max-width: 100%;
    margin: 0 auto;
  }

  .pied-de-page__contact-reseaux {
    justify-content: center;
  }
}

@media (max-width: 580px) {
  .section {
    padding: 3.5rem 1.1rem;
  }

  .hero {
    padding: 6.5rem 1.1rem 3.5rem;
  }

  .site-nav__logo-img {
    width: 4rem;
    height: 4rem;
  }

  .processus {
    padding: 3.5rem 1.1rem;
  }

  .ruban__interieur {
    gap: 1rem;
  }

  .appel__contenu {
    padding: 4rem 1.1rem;
  }

  .pied-de-page {
    padding: 3rem 0 1.5rem;
  }

  .pied-de-page__bas {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero__actions {
    flex-direction: column;
    align-items: center;
  }

  .btn-calli {
    text-align: center;
  }

  .entete-page {
    padding: 7rem 1.1rem 3rem;
  }

  .services {
    scroll-margin-top: 6rem;
  }

  .tarifs {
    scroll-margin-top: 6rem;
  }

  .temoignages {
    scroll-margin-top: 6rem;
  }
}

@media (max-width: 991px) and (orientation: landscape) {
  .pied-de-page__contact-reseaux {
    justify-content: center;
  }

  .adresse-pied .pied-de-page__contact-item:nth-child(4) {
    white-space: nowrap;
  }

  .blogue__infolettre-interieur {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .blogue__infolettre-champs {
    flex-direction: column;
  }

  .blogue__infolettre-champ {
    width: 100%;
  }

  .blogue__infolettre-champs .champ__input {
    width: 100%;
  }

  .blogue__infolettre-champs .btn-prim {
    width: 100%;
    justify-content: center;
  }
}