@media (min-width: 200px) {
  .hero-wrapper h1 {
      font-size: 8vw !important;
      margin-top: 3rem;
    }
    .heading-big {
      font-weight: 520;
      font-size: 2rem;
      line-height: 1.2;
      color: #000;
    }
    .video-main-hero {
      height: 25vh;
      overflow: hidden;
      border-radius: 25px;
    }
    .faq-wrapper h1
    {
      font-size: 1.5rem;
    }
    .mode-wrapper
      {
        min-height: 30vh;
      }
      .hero-wrapper button
      {
        margin: 0;
        display: block;
      }
      .hero-wrapper p
      {
          text-align: start;
      }
}


@media (min-width: 478px) {
  .hero-wrapper h1 {
      font-size: 7vw !important;
      margin-bottom: 1rem;
    }
    .hero-wrapper p
    {
        text-align: center;
    }
    .hero-wrapper button
    {
      margin: 0 auto;
      display: block;
    }
    .heading-big {
      font-weight: 520;
      font-size: 2.5rem;
      line-height: 1.2;
      color: #000;
    }
    .video-main-hero {
      height: 25vh;
      overflow: hidden;
      border-radius: 25px;
    }
    .mode-wrapper
      {
        min-height: 30vh;
      }
      .hero-wrapper button
      {
        margin: 0;
        display: block;
      }
      .hero-wrapper p
      {
          text-align: start;
      }
}


@media (min-width: 576px) {
    .hero-wrapper h1 {
        font-size: 6vw !important;
        text-align: center;
      }
      .hero-wrapper p
      {
          text-align: center;
      }
      .hero-wrapper button
      {
        margin: 0 auto;
        display: block;
      }
      .faq-wrapper h1
    {
      font-size: 2rem;
    }
      .heading-big {
        font-weight: 520;
        font-size: 2.5rem;
        line-height: 1.2;
        color: #000;
      }
      .mode-wrapper
      {
        min-height: 40vh;
      }
      .video-main-hero {
        height: 30vh;
        overflow: hidden;
        border-radius: 25px;
      }
}






@media (min-width: 768px) {
    .hero-wrapper h1 {
        font-size: 6vw !important;
        text-align: center;
      }
      .hero-wrapper button
      {
        margin: 0 auto;
        display: block;
      }
      .hero-wrapper p
    {
        text-align: center;
    }
    .video-main-hero {
        height: 40vh;
        overflow: hidden;
        border-radius: 25px;
      }
      .heading-big {
        font-weight: 520;
        font-size: 2.5rem;
        line-height: 1.2;
        color: #000;
      }
      .mode-wrapper
      {
        min-height: 40vh;
      }
      .faq-wrapper h1
    {
      font-size: 2rem;
    }
}






@media (min-width: 992px) {
    .hero-wrapper h1 {
        font-size: 3vw !important;
        text-align: start;
        margin-top: 3rem;
      }
      .hero-wrapper p
    {
        text-align: start;
    }
    .hero-wrapper button
      {
        margin: 0;
        display: block;
      }
      .video-main-hero {
        height: 65vh;
        overflow: hidden;
        border-radius: 25px;
      }
      .heading-big {
        font-weight: 520;
        font-size: 4rem;
        line-height: 1.2;
        color: #000;
      }
      .mode-wrapper
      {
        min-height: 50vh;
      }
      .faq-wrapper h1
    {
      font-size: 2rem;
    }
}






@media (min-width: 1200px) {
    .hero-wrapper h1 {
        font-size: 3vw !important;
        text-align: start;
        margin-top: 2rem;
      }
      .hero-wrapper p
    {
        text-align: start;
    }
    .hero-wrapper button
      {
        margin: 0;
        display: block;
      }
      .video-main-hero {
        height: 55vh;
        overflow: hidden;
        border-radius: 25px;
      }
      .heading-big {
        font-weight: 520;
        font-size: 4rem;
        line-height: 1.2;
        color: #000;
      }
      .mode-wrapper
      {
        min-height: 60vh;
      }
      .faq-wrapper h1
    {
      font-size: 2rem;
    }
}






@media (min-width: 1400px) {
    .hero-wrapper h1 {
        font-size: 3vw !important;
        text-align: start;
        margin-top: 2rem;
      }
    .hero-wrapper p
    {
        text-align: start;
    }
    .hero-wrapper button
      {
        margin: 0;
        display: block;
      }
      .video-main-hero {
        height: 75vh;
        overflow: hidden;
        border-radius: 25px;
      }
      .heading-big {
        font-weight: 520;
        font-size: 4rem;
        line-height: 1.2;
        color: #000;
      }
      .mode-wrapper
      {
        min-height: 70vh;
      }
      .faq-wrapper h1
    {
      font-size: 2rem;
    }
}