.introBanner {
  	background-position: top center;
  	background-repeat: no-repeat;
  	background-size: cover;
	padding-top: 215px;
	background-color: #b8d1e9;
  	margin-bottom: 20px;
}

.introText {
	background: rgba(11,28,49,0.85);
    color: #fff;
	padding: 1% 5%; 
	position: relative; 
	margin-right:0%;
	margin-left:0%;
	width: 100%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  
}
.introText h1 {
	font-size: 3em;
}
.introText a {
	color: #FFF;
 	border-color: #FFF!important;
}
#slideshow .flexslider{
 	margin-top: 40px; 
}
.flexslider .slides {
    background: #444 none repeat scroll 0 0;
}
.slides .flex-caption {
    background: #444 none repeat scroll 0 0;
    bottom: auto;
    color: #fff;
    font-size: 1em;
    left: 66%;
    padding: 2%;
    position: absolute;
    width: 30%;
}
.slides .flex-caption h2{
	margin-top: 0; 
}
.flexslider .slides img {
    float: left;
    width: 66%;
}
.four-column{
	margin: 30px 0 40px;
  	float: left;
  	width: 100%;
}
.four-column .column-item{
	width: 18%;
	margin-right: 4%;
  	float: left;
	padding: 2%;
	text-align: center;
}
.four-column .column-item h2{
	margin: 0;
}
.four-column .column-item h2.overlay > a {
    border-bottom: 0!important;
}
.column-item:last-child{
	margin-right: 0; 
}
/*.four-column .column-item{
	background-color: #95cee7;
}*/

@media screen and (min-width: 200px) {
	.introText h1 {
        font-size: 2em;
    }
    .flexslider .slides img {
        width: 100%;
    }
  	.slides .flex-caption {
      height: auto;
      left: 0;
      top: 0;
      width: 96%;
      position: relative;
  	}
  	.four-column .column-item{
    	width: 96%;
    	margin-right: 0;
      	margin-bottom: 20px;
	}
}
@media screen and (min-width: 500px) {
	.four-column .column-item{
    	width: 44%;
    	margin-right: 4%;
      	margin-bottom: 20px;
	}
  	.four-column .column-item:nth-child(even){
    	margin-right: 0;
	}
}
@media screen and (min-width: 950px) {
    .flexslider .slides img {
        width: 66%;
    }
    .slides .flex-caption {
      background: #444;
      bottom: auto;
      color: #fff;
      font-size: 1em;
      left: 66%;
      padding: 2%;
      position: absolute;
      width: 30%;
  	}
	.four-column .column-item{
      width: 18%;
      margin-right: 4%;
      margin-bottom: 0;
      float: left;
  	}
  	.four-column .column-item:nth-child(even){
    	margin-right: 4%;
	}
    .four-column .column-item:last-child{
        margin-right: 0; 
    }
}
@media screen and (min-width: 1024px) {
    .flex-caption {
        font-size: 1.6em;
        width: 30%;
    }
    .introText h1 {
        font-size: 3em;
    }
}