@charset "utf-8";
/*
Teal:   #48E1EE  72, 225, 238
Orange: #FBB040  251, 182, 64
Gray:   #676766  103, 103, 102

Cyan:   #2CAAE2  44, 170, 226
Orange: #F37720  243, 113, 32
*/
#overview {
  color: #FFF;
  font-size: 1.4rem;
  line-height: 2.0rem;
  background-color: #676766;
  -webkit-background-size: 30%;
  -moz-background-size: 30%;
  -ms-background-size: 30%;
  -o-background-size: 30%;
  background-size: 30%;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 60px 0 60px 0;
  text-align: center;
}

.introBox {background:#2caae2;padding:48px 0 48px 0; text-align:center;}
.introBox .intro {color:#FFF;font-weight:200;}

.aboutBox {background:#f37720;padding:48px 0 48px 0; text-align:center;}
.aboutBox h2 {color:#FFF;text-align:center;font-size:2.8rem;line-height:3.2rem;margin:0 0 24px 0;font-weight:200;letter-spacing:-1px;}
.aboutBox .intro {color:#FFF;font-weight:200;}

.hero-2025 {
  width: 100%;
  background-color: #555;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  padding: 150px 0 150px 0;
  text-align: center;
  overflow: hidden;
}
.hero-2025 h1 {
  color: #FFF;
  font-size: 2.0rem;
  line-height: 2.4rem;
  margin: 0 0 18px 0;
  font-weight: 200;
}
.hero-2025 h2 {
  color: #FFF;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin: 0 0 18px 0;
  font-weight: 700;
}

.quoteBox {
  width: 100%;
  background-color: #555;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  padding: 240px 0 60px 0;
}
.quoteBox blockquote {
  color: #FFF;
  font-size: 2.0rem;
  line-height: 2.4rem;
  margin: 3px;
  padding: 3px;
  font-weight: 700;
  text-shadow: 2px 2px 6px rgba(0,0,0,.4);
}

.values {text-align:center;padding:60px 0 60px 0;}
.values h2 {color:#666;font-size:2.8rem;line-height:2.9rem;margin:0 0 36px 0;font-weight:700;letter-spacing:-1px;}
.valuesBox {vertical-align:top;display:inline-block;border-radius:6px;padding:20px 2% 20px 2%;width:19%;min-height:180px;margin:12px 1% 24px 1%;background:rgba(44, 170, 226,.2);}
.valuesBox img {height:60px;width:auto;}
.valuesBox h3 {color:#2CAAE2;margin:18px 0 12px 0;font-size:1.2rem;line-height:1.3rem;}

.expect {background:#2caae2;padding:60px 0 60px 0;color:#FFF;}
.expect h2 {color:#FFF;text-align:center;font-size:2.8rem;line-height:3.2rem;margin:0 0 24px 0;font-weight:200;letter-spacing:-1px;}
.expectBox {vertical-align:top;display:inline-block;border-radius:6px;width:18%;margin:0 1% 24px 1%;}
.expectBox h3 {color:#FFF;margin:18px 0 12px 0;font-size:1.2rem;line-height:1.5rem;}

@media only screen and (max-width: 549px) {
  .hero-2025 {background-attachment:scroll;padding: 80px 0 80px 0;}
  .valuesBox {width:94%;min-height:10px;margin:6px 0 24px 0;}
  .expectBox {width:94%;min-height:10px;margin:6px 0 24px 0;}
  .quoteBox {background-attachment:scroll;}
}