/** FONT **/
* {
  font-family: "Mulish", sans-serif;
  box-sizing: border-box;
}

html,
body {
  overflow-x: hidden;
  width: 100%;
  background-color: #252c93;
}

.wrapper {
  min-height: 100dvh;
  width: 100%;
  max-width: 100%;
  background: url(../imgs/background.png) no-repeat center center fixed;
  background-size: cover;

  display: flex;
  flex-direction: column;
  align-items: center;

  color: #fff;
  overflow-x: hidden;

  .logo {
    max-width: 130px;
    padding: 50px 0;
  }

  p {
    text-align: center;
    /* font-size: 20px; */
    /* font-size: clamp(1rem, 0.8214rem + 0.8929vw, 1.25rem); */
    font-size: clamp(0.875rem, 0.5rem + 2.4vw, 1.25rem);
    font-weight: 700;
    line-height: normal;
    padding: 0 clamp(1.25rem, 0.487rem + 3.817vw, 2.5rem);
    margin-bottom: 30px;
  }

  .video--wrapper {
    width: 90%;
    max-width: 800px;
    aspect-ratio: 16 / 9;
  }

  h1 {
    text-align: center;
    font-size: clamp(1.125rem, 0.4583rem + 3.3333vw, 1.5rem);
    font-weight: 1000;
    line-height: normal;
    margin: 50px 0 30px;
  }

  .btns--wrapper {
    display: flex;
    gap: 20px;
    /* margin: 20px 0 50px; */
    padding: 0 20px 50px;

    a {
      max-width: 170px;
      img {
        width: 100%;
      }
    }
  }
}

@media (max-height: 700px) {
  .logo {
    padding: 25px 0 !important;
  }
}