@media screen and (max-width: 768px) {
  h1 {
    font-size: 35px;
    line-height: 40px;
  }

  h2 {
    font-size: 35px;
    line-height: 48px;
  }

  h4 {
    font-size: 24px;
    line-height: 32px;
  }

  .text_body_large_regular {
    font-size: 18px;
    line-height: 28px;
  }

  .title {
    font-size: 18px;
    line-height: 28px;
  }

  .body {
    font-size: 18px;
    line-height: 28px;
  }

  /* Spacings START */
  .spacing_vertical_96 {
    height: 40px;
  }
  .spacing_vertical_20 {
    height: 20px;
  }
  .spacing_vertical_16 {
    height: 16px;
  }
  .spacing_vertical_64 {
    height: 50px;
  }
  .spacing_vertical_32 {
    height: 32px;
  }
  .spacing_vertical_71 {
    height: 30px;
  }
  .spacing_horizontal_18 {
    width: 18px;
  }
  /* Spacings END */

  .container_default {
    padding: 50px 20px;
  }

  .faq {
    padding-top: 24px;
    padding-bottom: 22px;
  }

  .container_footer {
    padding: 40px 0px;
  }

  .footer {
    justify-content: start;
    padding: 0px 10px 20px 20px;
  }

  .copyright {
    margin-bottom: 20px;
  }

  header,
  .banner,
  .banner-1,
  .banner-2,
  .banner-3 {
    height: 550px;
  }

  .banner-1 {
    background-image: url("/public/image/landing1-mobile.svg");
  }
  .banner-2 {
    background-image: url("/public/image/landing2-mobile.svg");
  }
  .banner-3 {
    background-image: url("/public/image/landing3-mobile.svg");
  }
}

@media screen and (max-width: 500px) {
  header,
  .banner,
  .banner-1,
  .banner-2,
  .banner-3 {
    height: 296px;
  }
}