/*  Screens no smaller than a tablet */

/****************************************
* Typography
****************************************/

h2 {
  font-size: 32px;
}

p,
a,
li,
input,
label,
legend,
select,
textarea {
  font-size: 16px;
}

/****************************************
* Navigation
****************************************/

nav {
  gap: 2rem;
}

/****************************************
* Banner
****************************************/

.banner {
  max-height: 600px;
}

.banner h1 + h2 {
  margin-top: 1.5rem;
}

/****************************************
* Countdown
****************************************/

.count-down-box {
  padding: 2.5rem;
}

.count-down-box .timer {
  max-width: 350px;
}

.count-down-box .days,
.count-down-box .hours,
.count-down-box .minutes,
.count-down-box .seconds {
  font-size: 30px;
}

/****************************************
* When & Where
****************************************/

.whenWhere .container {
  max-width: 1140px;
}

/****************************************
* Bridal party
****************************************/

.bridalParty {
  max-width: unset;
}

.bride,
.groom {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
}

.bridalParty .person {
  justify-content: flex-start;
}

/****************************************
* Registry
****************************************/

.registry-flex {
  grid-template-columns: repeat(3, 1fr);
  max-width: unset;
}