/* SELECTOR STYLES */
body {
  background: black;
}
a {
  color: white;
}
a:focus, a:hover {
  color: white;
}
/* UTILITY STYLES */
.white-back {
  background-color: white;
}
.border-left {
  border-left: 6px white solid;
}
.border-right {
  border-right: 6px white solid;
}
/* HEADER STYLES */
.header {
  background-position: 50% 50%;
  background-size: cover;
}
.header-back {
  /* Android 2.3 */
  background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.38) 0%,rgba(0, 0, 0, 0.38) 100%);
  /* IE10+ */
  background-image: linear-gradient(to top,rgba(0, 0, 0, 0.38) 0%,rgba(0, 0, 0, 0.38) 100%);
  background-image: -ms-linear-gradient(bottom,rgba(0, 0, 0, 0.38) 0%,rgba(0, 0, 0, 0.38) 100%);
}
/* BANNER STYLES */
.banner{
  background-color: transparent;
  background-image: url("../images/blue-wedge.png");
  background-position: 100% 15%;
  background-size: cover;
}
.banner h1 {
  color: white;
}
/* LEFT SIDEBAR STYLES */
.motto-panel {
  color: white;
  background-color: #d3d2c4;
  background-position: 0% 100%;
  background-size: cover;
}
/* MAIN TEXT STYLES */
.main-text{
  border-color: #af610f;
}
.intro-head, .intro-sub{
  color: #af610f;
}
/* RIGHT PANEL STYLES */
.panel p, .panel h3{
  color: white;
}
.panel {
  background-color: #b2b1a5;
}
/* FOOTER STYLES */
.footer-wrap {
  background-position: 50% 100%;
}
.footer-back {
  color: white;
  /* Android 2.3 */
  background-image: -webkit-linear-gradient(bottom,rgba(28, 55, 102, 0.8) 0%,rgba(28, 55, 102, 0.8) 100%);
  /* IE10+ */
  background-image: linear-gradient(to top,rgba(28, 55, 102, 0.8) 0%,rgba(28, 55, 102, 0.8) 100%);
  background-image: -ms-linear-gradient(bottom,rgba(28, 55, 102, 0.8) 0%,rgba(28, 55, 102, 0.8) 100%);
  background-position: 50% 100%;
}
/* Medium and up */
@media screen and (min-width: 40em) {
  /* HEADER STYLES */
  .header-back {
    background-image: -ms-radial-gradient(right bottom, ellipse farthest-corner,rgba(0, 0, 0, 0.68) 0%,rgba(255, 255, 255, 0) 68%);
    background-image: -webkit-radial-gradient(right bottom, ellipse farthest-corner,rgba(0, 0, 0, 0.68) 0%,rgba(255, 255, 255, 0) 68%);
    background-image: radial-gradient(ellipse farthest-corner at right bottom,rgba(0, 0, 0, 0.6) 0%,rgba(255, 255, 255, 0) 68%);
  }
  /* BANNER STYLES */
  .banner{
    background-position: 50% 15%;
    background-size: contain;
  }
  /* LEFT SIDEBAR STYLES */
  .motto-panel {
    background-size: auto;
  }
}
/* Large and up */
@media screen and (min-width: 64em) {
  /* UTILITY STYLES */
  .border-left {
    border-left: 12px white solid;
  }
  .border-right {
    border-right: 12px white solid;
  }
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  /* LEFT SIDEBAR STYLES */
  .headshot-back {
    background-position: 33% 50%;
  }
}