/* Screens no smaller than a widescreen desktop */

/****************************************
* Padding
****************************************/

.padding,
footer .padding {
  padding: 4rem 6rem;
}

@media (min-width: 1680px) {
 .intro .padding {
    padding: 4rem 12rem;
  }
}

header .logo img {
  width: 300px;
}

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

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

.staff h2 {
  font-size: 28px;
}

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

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

nav a {
  font-size: 20px;
}

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

.inside-billboard {
  height: 400px;
  background-size: contain;
  background-position-x: center;
}

.inside-billboard .wrapper {
  width: 55%;
}

/****************************************
* Misc
****************************************/

.width--desktop {
  padding-bottom: 4rem;
}

.width--widescreen {
  margin: 0 auto;
  max-width: 1700px;
  padding: 0 3rem 4rem 3rem;
}
