body {
  font-family: "Source Sans Pro";
}



.monkey-box {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.banana-sizer {
    text-transform: uppercase;
    display: flex;
    justify-content:space-between;
}

.banana-sizer.crazyawesome {
  font-family: "Source Sans Pro";
  font-size: 1.5em;
  font-weight: 900;
  line-height: 60%;
  text-transform: uppercase;
}

.text-left {
  text-align: left !important;
}

/**
 * HEADER
 */
.header-wrapper {
  background: url(../img/banana.jpg);
  background-repeat: no-repeat;
  background-position: top center;

  background-size: contain;
  height: 300px;
  padding-top: 4em;
}

.header-wrapper .logo {
  margin: 0 auto 4em auto;
  text-align: center;
}

.awesome-wrapper {
  border-top: 20px solid black;
  border-bottom: 20px solid black;
}

.awesome-intro {
  text-align: center;
}

.awesome-intro.monkey-line {
    border-bottom: 5px solid black;
}

.awesome-intro h2 {
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 65%;
    font-size: 1.8em;
}

.banana-in-your-face {
    text-align: center;
    margin-top: 1em
}

.awesome-showoff > div {
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
}

.awesome-showoff .hr, .awesome-showoff .developer {
    background: #f4d954;
}

.awesome-showoff .manager, .awesome-showoff .company {
    background: #fdf48f;
}

.awesome-showoff h3 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0.6em;
}

.showoff-logo img {
  padding: 0.5em;
  box-sizing: border-box;
  height: 8em;
}

.partner-block h4 {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}

.partner-block .partner-logo {
  max-width: 75%;
  max-height: 100px;
}


@media only screen and (min-width: 23.5em) {
  .banana-sizer.crazyawesome {
    font-size: 2em;
  }
}

@media only screen and (min-width: 35.5em) {
  .banana-sizer.crazyawesome {
    font-size: 3em;
  }
  
  .header-wrapper {
    height: 350px;
  }
}