@import "../colors/colors.scss";

body {
  .lead {
    font-weight: 400;
  }
  main {
    section {
      position: relative;
      z-index: 1;
      overflow: hidden;
      .f-72 {
        font-size: 72px;
      }
      .f-64 {
        font-size: 64px;
      }
      .f-54 {
        font-size: 54px;
      }
      .f-48 {
        font-size: 48px;
      }
      .f-40 {
        font-size: 40px;
      }
      .f-36 {
        font-size: 36px;
      }
      .f-32 {
        font-size: 32px;
      }
      .f-30 {
        font-size: 30px;
      }
      .f-28 {
        font-size: 28px;
      }
      .f-24 {
        font-size: 24px;
      }
      .f-20 {
        font-size: 20px;
      }
      .lead {
        font-size: 24px;
      }
      > img.bg,
      picture.bg {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -2;
        pointer-events: none;
        user-select: none;
        source,
        img {
          object-fit: cover;
          height: 100%;
          width: 100%;
          object-position: center;
        }
      }
    }
  }
}
@media (max-width: 1780px) {
  body {
    main {
      section {
        .f-72 {
          font-size: 62px;
        }
        .f-64 {
          font-size: 54px;
        }
        .f-54 {
          font-size: 48px;
        }
        .f-48 {
          font-size: 40px;
        }
        .f-40 {
          font-size: 34px;
        }
        .f-36 {
          font-size: 32px;
        }
        .f-32 {
          font-size: 28px;
        }
        .f-30 {
          font-size: 26px;
        }
        .f-28 {
          font-size: 24px;
        }
        .f-24 {
          font-size: 22px;
        }
        .lead {
          font-size: 20px;
        }
      }
    }
  }
}
@media (max-width: 1580px) {
  body {
    main {
      section {
        .f-72 {
          font-size: 52px;
        }
        .f-64 {
          font-size: 44px;
        }
        .f-54 {
          font-size: 40px;
        }
        .f-48 {
          font-size: 34px;
        }
        .f-40 {
          font-size: 28px;
        }
        .f-36 {
          font-size: 26px;
        }
        .f-32 {
          font-size: 24px;
        }
        .f-28 {
          font-size: 20px;
        }
        .f-24 {
          font-size: 18px;
        }
        .f-20 {
          font-size: 18px;
        }
        .lead {
          font-size: 18px;
        }
      }
    }
  }
}
@media (max-width: 1380px) {
  body {
    main {
      section {
        .f-72 {
          font-size: 50px;
        }
        .f-64 {
          font-size: 40px;
        }
        .f-54 {
          font-size: 36px;
        }
        .f-48 {
          font-size: 30px;
        }
        .f-40 {
          font-size: 24px;
        }
        .f-36 {
          font-size: 22px;
        }
        .f-32 {
          font-size: 20px;
        }
        .f-28 {
          font-size: 18px;
        }
        .f-24 {
          font-size: 16px;
        }
        .f-20 {
          font-size: 16px;
        }
        .lead {
          font-size: 16px;
        }
      }
    }
  }
}
@media (max-width: 767px) {
  body {
    main {
      section {
        .f-72 {
          font-size: 32px;
        }
        .f-64 {
          font-size: 24px;
        }
        .f-54 {
          font-size: 24px;
        }
        .f-48 {
          font-size: 24px;
        }
        .f-40 {
          font-size: 24px;
        }
        .f-36 {
          font-size: 22px;
        }
        .f-32 {
          font-size: 20px;
        }
      }
    }
  }
}