/* Screens no smaller than a tablet */

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

h4 {
  font-size: 32px;
}

.intro h2 {
  font-size: 24px;
}

.divider {
  border-bottom: none;
  border-right: 1px solid #d3e0e5;
}

/****************************************
* Button
****************************************/

.button.secondary {
  padding: .5rem;
}

/****************************************
* Billboard
****************************************/

.billboard #billboard-slider,
.billboard .slip-n-slide {
  height: 450px;
}

.billboard .slip-n-slide.cover > .slide {
  background-size: 1975px;
  background-position: right calc(50% + 200px) bottom;
}

.billboard .slide .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-100%, -50%);
  width: auto;
}

.billboard h1 {
  font-size: 35px;
}

.billboard a {
  margin-top: 2rem;
}

/****************************************
* Classes
****************************************/

.classes.padding {
  max-width: 1008px;
}

.home.classes > div:nth-of-type(8) {
  display: none;
}

/****************************************
* Testimonials
****************************************/

.testimonials .slip-n-slide {
  height: 450px;
}

.testimonials .slip-n-slide > .slide {
  padding: 2rem 2rem 3rem 2rem;
}

/****************************************
* Overlays
****************************************/

.overlay .wrapper {
  padding: 3rem;
}


.toolbar .flex {
  align-items: center;
}

/****************************************
* Registration Portal
****************************************/

.toolbar > .flex {
  flex-direction: row;
}

/****************************************
* Donate
****************************************/

.amount-grid {
  display: flex;
  max-width: 1000px;
}

.amount-grid fieldset {
  flex: 1 0 auto;
}

.amount-grid fieldset + fieldset {
  flex: 1 0 calc(50% - 2rem);
  margin: 0 0 0 2rem;
  border-top: none;
  border-left: 1px solid #efefef;
  padding: 0 0 0 2rem;
}

/****************************************
* Footer
****************************************/

footer > .grid > .grid {
  grid-template-columns: 300px 1fr;
}