/* SELECTOR STYLES */
body {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Lato', sans-serif;
}
h6 {
  letter-spacing: 2px;
  font-size: 30px;
  text-transform: uppercase;
}
/* BANNER STYLES */
.banner h1 {
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 8.5px;
}
/* LEFT PANEL STYLES */
.motto-panel p{
  font-size: 22px;
  line-height: 38px;
  font-weight: 300;
  letter-spacing: 2px;
}
.motto-panel span {
  font-weight: 400;
}
/* MAIN TEXT STYLES */
.main-text p{
  text-align: justify;
  font-size: 18.5px;
}
.intro-wrap {
  text-align: justify;
}
.main-text .intro-sub {
  font-style: italic;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 1px;
}
.intro-head {
  font-style: italic;
  font-size: 26.5px;
  font-weight: 700;
  line-height: 36px;
}
/* RIGHT PANEL STYLES */
.panel p {
  font-size: 19px;
  letter-spacing: 2px;
  line-height: 26px;
  text-align: left;
}
.panel h3 {
  font-size: 25px;
  line-height: 32px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
/* FOOTER STYLES */
footer .text-wrap {
    font-size: 19px;
}
footer .email {
    font-size: 17px;
    letter-spacing: 2px;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
  /* FOOTER STYLES */
  footer .email {
    font-size: 15px;
  }
}
/* Medium and up */
@media screen and (min-width: 40em) {
  /* SELECTOR STYLES */
  h6 {
    font-size: 27px;
  }
  /* BANNER STYLES */
  .banner h1 {
    font-size: 20px;
  }
  /* RIGHT PANEL STYLES */
  .main-text .panel p {
    font-size: 19px;
  }
}
@media screen and (min-width: 52em) {
  /* BANNER STYLES */
  .banner h1 {
    font-size: 26px;
  }
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  /* FOOTER STYLES */
  footer .email {
    font-size: 12px;
  }
}
/* Large and up */
@media screen and (min-width: 64em) {
  /* SELECTOR STYLES */
  h6 {
    font-size: 37px;
  }
  /* BANNER STYLES */
  .banner h1 {
    font-size: 38px;
  }
  /* LEFT PANEL STYLES */
  .motto-panel p{
    font-size: 41px;
    line-height: 75px;
  }
  /* MAIN TEXT STYLES */
  .main-text p{
    font-size: 21.5px;
  }
  .main-text .intro-sub {
    font-size: 30px;
    line-height: 46px;
  }
  .intro-head{
    font-size: 43.5px;
  }
  /* FOOTER STYLES */
  footer .text-wrap {
    font-size: 24px;
  }
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  /* SELECTOR STYLES */
  h6 {
    font-size: 32px;
  }
  /* BANNER STYLES */
  .banner h1 {
    font-size: 38px;
  }
  span.large{
    font-size: 42.5px;
  }
}