body {
  font-size: 22px;
  font-weight: 300;
  font-family: "Madera", sans-serif;
}

h1 {
  font-family: "Tusker Grotesk", sans-serif;
}

strong {
  font-weight: bold;
}

h1 {
  font-size: clamp(50px, 7vw, 120px);
  margin-bottom: 20px;
}

h2 {
  font-size: 28px;
  font-weight: bold;
}

h1 strong {
  display: block;
  font-weight: bold;
  color: var(--primary-button);
}

a.btn {
  font-size: 18px;
}

.text-back {
  background: white;
  color: black;
}

.text-back h1 {
  color: black;
}

h3 {
  margin-top: 0;
}

footer,
footer a {
  font-size: 16px;
}

@media (min-width: 319px) and (max-width: 490px) {
  .trust-image {
    top: 15px;
    left: -24px;
    width: 94px;
    height: 104px;
    position: relative;
  }

  .container {
    width: 90%;
  }

  body {
    font-size: 18px;
  }

  a.btn {
    font-size: 16px;
  }

  h1 {
    font-size: 44px;
    margin-bottom: 8px;
  }

  h1 strong {
    display: block;
    font-size: 60px;
    line-height: 60px;
    font-weight: bold;
  }

  .text-back {
    color: white;
    background: #010121;
  }

  .text-back h1 {
    color: white;
  }
}