/* Screens no smaller than a widescreen desktop */

/****************************************
* Header
****************************************/

header {
  height: 128px;
}

header > .flex {
  height: 93px;
  padding: .5rem 1rem;
}

header > .flex,
.top-bar .flex {
  max-width: 1257px;
}

header .logo img {
  max-width: 100px;
}

header .logo.long img {
  max-width: 189px;
}

/****************************************
* Top Bar
****************************************/

.top-bar a {
	font-size: 16px;
}

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

nav {
  padding-left: 2rem;
}

nav li:nth-last-of-type(2) button {
  margin-right: 1.25rem;
}

nav li button {
  margin: auto .75rem;
}

nav li button,
nav li a.button {
  font-size: 18px;
}

nav li a.button {
  padding: 17px 15px 15px 15px;
}

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

.billboard,
.billboard .slip-n-slide {
  min-height: 700px;
}

.billboard .slip-n-slide .controls {
  padding: 0 6rem;
}

/****************************************
* Inside billboard
****************************************/

.inside-billboard h1 {
  font-size: 60px;
}

.inside-billboard p {
  font-size: 22px;
}






.billboard-inside {
  height: 380px
}

.billboard-inside .title {
  max-width: 530px;
}

.title {
  max-width: 850px;
}

.title h1 {
  font-size: 60px;
}

.title p {
  font-size: 22px;
}

/****************************************
* Image Block
****************************************/

.span-2 {
  grid-column: span 2;
}

.image-block + div:not(.image-block) {
  padding: 3rem;
}

/****************************************
* Team
****************************************/

.team .staff {
  flex: 0 0 calc((100% / 5) - 2rem);
}

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

.testimonial .image {
  padding-top: 50%;
}

.testimonial .wrapper {
  left: 45%;
}

.testimonial .box {
  padding: 2rem;
}

.testimonial .box:before {
  top: 3px;
  left: -15px;
  font-size: 120px;
}

.testimonial p {
  font-size: 16px;
}

.testimonial .author {
  font-size: 12px;
}

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

footer .padding {
  grid-gap: 6rem;
}

footer h2 {
  font-size: 39px;
}