ActesCitoyens/public/assets/sass/_responsive.scss

.hidden {
  display: none !important;
}

@media screen and (max-width: 1200px) {
  #home {
    header {
      .bloc-logo {
        text-align: center;

        .logo-aac {
          max-height: 200px;
          width: auto;
          max-width: 100%;
          height: 100%;
        }
      }

      h1 {
        font-size: 23px;
      }
    }

    h2 {
      font-size: 24px;
    }

    ul li button {
      width: 90%;
      font-size: 16px;
    }
  }
}

@media screen and (max-width: 768px) {
  #home {
    header {
      h1 {
        font-size: 21px;
      }
    }

    .hidden-mobile {
      display: none;
    }

    .bloc-title {
      min-height: 120px;
    }

    h2 {
      margin-top: 0;
    }

    .bloc-video-mobile {
      margin-top: 30px;
      margin-bottom: 30px;
      display: block !important;
    }
  }
}