@charset "utf-8";
/* CSS Document */


/**********************************************/
/* Home Page Styles                           */
/**********************************************/

.Splash {
  margin: 30px 0;
  }
.Splash p {
  font-size: 28px;
  line-height: 48px;
  text-align: center;
  margin: 0;
  }





#CTAarea {
  clear: both;
  margin: 50px 0;
  }

.CallToAction {
  clear: both;
  float: none;
  width: 100%;
  margin: 0;
  }
.CallToAction li {
  position: relative;
  float: left;
  background: #ede59b;
  width: 30.83333333333333%; /* 370px / 1200px */
  max-width: 370px;
  margin: 0 2.5% 10px 0; /* 30px / 1200 px */
  border-radius: 5px;
  overflow: hidden;
  }
.CallToAction a {
  text-decoration: none;
	}
.CallToAction h2 {
  font-size: 23px;
  line-height: 27px;
  color: #fff;
  margin: 1em 0;
  text-align: center;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-shadow: -1px -1px 2px #000, 1px 1px 2px #000;
  }
.CallToAction img {
  display: block;
  border: 0;
  margin: 0 auto;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  }
.CTAText {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #002e6d;
  background: rgba(0,46,109,.8);
  z-index: 10;
  opacity: 0;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  }
a:hover .CTAText {
  opacity: 1;
  }
.CTAText h2 {
  position: static;
  font-size: 23px;
  line-height: 27px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 0;
  margin: 1em 0;
  }
.CTAText p {
  font-size: 14px; /* 14px / 16px */
  line-height: 1.25em; /* 16px / 14px */
  color: #fff;
  margin: 20px;
  }







@media screen and (max-width: 1050px) {
.CallToAction {
  float: none;
  width: 100%;
  margin: 0;
  }
}
@media screen and (max-width: 900px) {
.Splash p {
  font-size: 24px;
  line-height: 44px;
  }
}
@media screen and (max-width: 700px) {
.CallToAction li {
  float: none;
  width: 100%;
  margin: 10px auto;
  }
}
@media screen and (max-width: 400px) {
.Splash p {
  font-size: 20px;
  line-height: 26px;
  }
}