/* Special Offer */

#offer .text-headline {
  font-family: 'Anton';
  font-size: calc(2px + 9vw);
  line-height: 1.2;
}

@media (min-width: 576px) {
  #offer .text-headline {
    font-size: 53px;
  }
}

@media (min-width: 768px) {
  #offer .text-headline {
    font-size: 70px;
  }
}

@media (min-width: 992px) {
  #offer .text-headline {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  #offer .text-headline {
    font-size: 68px;
  }
}

@media (min-width: 1400px) {
  #offer .text-headline {
    font-size: 80px;
  }
}

#offer .text-subheadline {
  font-family: 'Anton';
  font-size: calc(2px + 7vw);
  line-height: 1.2;
}

@media (min-width: 576px) {
  #offer .text-subheadline {
    font-family: 'Anton';
    font-size: 43px;
  }
}

@media (min-width: 768px) {
  #offer .text-subheadline {
    font-family: 'Anton';
    font-size: 56px;
  }
}

@media (min-width: 992px) {
  #offer .text-subheadline {
    font-size: 40px;
  }
}

@media (min-width: 1200px) {
  #offer .text-subheadline {
    font-size: 56px;
  }
}

@media (min-width: 1400px) {
  #offer .text-subheadline {
    font-size: 66px;
  }
}

#offer .btn {
  border: solid 1px #143cff;
  border-radius: .5rem;
  padding: 8px 20px;
  font-size: calc(2px + 6vw);
  transition: all .3s ease-in-out;
}

@media (min-width: 576px) {
  #offer .btn {
    font-size: 30px;
  }
}

@media (min-width: 992px) {
  #offer .btn {
    font-size: 36px;
  }
}

#offer .btn:hover {
  color: #ffbf00;
  transition: all .3s ease-in-out;
}