@font-face {
  font-family: 'Willona'; /* Your custom font name */
  src: url('assets/webfonts/Willona.ttf') format('truetype'); /* Path to the font file */
}




/* Main Page */
/*******************************************************/

.lang{
  background-image: url('images/icons/uk_flag.png');
}
.willona{
  font-family: 'Willona';
  line-height: 80%;
  /* letter */
}
.banner h1 {
  font-size: clamp(5rem, 12rem, 11vw);
  color: white;
}

.banner h2 {
  font-size: clamp(2.3rem, 4rem, 4vw);
  line-height: 100%;
  color: #C1E5F5
}

.details h1{
  line-height: 130%;
  font-size: clamp(3rem, 9rem, 8vw);
}

.rsvp-form .btn .transparent-text{
  font-size: 2.5rem;
  line-height: 100%;
}

.info h2{
  line-height: 100%;
}
.footer h1{
  font-size: clamp(3rem, 8rem, 8vw);
  margin-top:2rem;
}

@media (min-width: 992px) {
  :root {
    --rsvp-font-size: clamp(1rem, 2.5rem, 2.5vw);
    --rsvp-checkbox-base: clamp(1rem, 4rem, 4vw);
    --rsvp-border: 3px;
    --rsvp-checkbox-size: calc( (0.8*var(--rsvp-checkbox-base)) + (2*var(--rsvp-border)));
    --rsvp-button: var(--rsvp-checkbox-base);
    --nav-font-size: clamp(2.5rem, 7rem, 7vw);
  }  
}
@media (max-width: 991px) {
  :root {
    --rsvp-font-size: 1.2rem;
    --rsvp-checkbox-base: 1.8rem;
    --rsvp-checkbox-size: var(--rsvp-checkbox-base);
    --rsvp-button: 2.5rem;
    --rsvp-border: 2px;
    --nav-font-size: clamp(4rem, 13rem, 13vw);
  }  
}



/* Other Pages */
/*******************************************************/
.heading-alt-wrapper h1 {
  font-size: 6rem;
  padding-top: 10vh;
}
.content h1 {
  font-size: 4rem;
  line-height: normal;
}