/*------->>> COLOR PALETTE <<<-------
	#1d314a rgb(29,49,74) - Primary Color [blue]
	#7e2935 rgb(126,41,53) - Secondary Color [maroon]
	#e7e7e7 rgb(231,231,231) - Tertiary Color [gray]	
	#000 rbg[0,0,0] - Support Color [black]
	#283c53 rgb(40,60,83) - [blue#2 | h1 - h6]
	#d5d5d5 rgb(213,213,213) - [gray #2]
	#691c28 rgb(105,28,40) - [maroon #2]
	
/*------->>> FONT STACKS & TYPOGRAPHY <<<-------
	Font Family: "Open Sans", sans-serif; [Primary Font | Google Fonts | 400 & 700]
	Font Family: "proxima-nova",sans-serif;[Secondary Font | Typekit | 400 & 700]
	Font Family: FontAwesome [Icon Font]
		SAMPLE CSS USAGE: fortawesome.github.io/Font-Awesome/cheatsheet/
		.myDiv {
			font-family:"FontAwesome";
			content:"\f111";
		}
		SAMPLE HTML USAGE: fortawesome.github.io/Font-Awesome/examples/
		<span class="fa-stack fa-lg">
			<i class="fa fa-square-o fa-stack-2x"></i>
			<i class="fa fa-twitter fa-stack-1x"></i>
		</span>
*/
@media all and (max-width:760px) {
	/*---> News <---*/
	ul.newsArticles li .shortDescription {
		font-size:0.875rem;
		line-height:1.2rem;
	}	
}
@media all and (min-width:40em) { /*- 640px and up -*/
	/*---> Header <---*/
	header {
		position:fixed;
		top:0;
		left:0;
		right:0;
		background: linear-gradient(90deg, #fff 50%, #e7e7e7 50%);		
	}
	header .branding {
		box-shadow:none;	
	}
	header .branding a {
		padding:0;
	}	
	/*---> Hero <---*/
	.hero  {
		height:auto;
		padding:0;
		overflow:visible;
	}
	.hero img {
		position:static;
		width:100%;
		max-width:100%;
		height:auto;
		min-height:0;
		margin:0;
		left:auto;
		right:auto;
	}
	.hero .messaging h3 {
		margin-top:57px;		
	}
	/*---> Primary Content <---*/
	main.noHero {
		margin-top:6rem;
	}	
	/*---> Secondary Content <---*/
	.secondaryContent dl {
		max-width:300px;
		float:right;
	}
}
@media all and (min-width:48em) { /*- 768px and up -*/
	/*---> VCard <---*/
	.vCard {
		text-align:left;
	}
	.vCard .messaging {
		position:absolute;
		top:0;
		left:0;
		width:50%;
		max-width:425px;
		height:100%;
		background:transparent;
		background-image: -ms-linear-gradient(right, rgba(29,49,74,0.55) 0%, rgba(29,49,74,1) 50%);
		background-image: -moz-linear-gradient(right, rgba(29,49,74,0.55) 0%, rgba(29,49,74,1) 50%);
		background-image: -o-linear-gradient(right, rgba(29,49,74,0.55) 0%, rgba(29,49,74,1) 50%);
		background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(29,49,74,0.7)), color-stop(50, rgba(29,49,74,1)));
		background-image: -webkit-linear-gradient(right, rgba(29,49,74,0.55) 0%, rgba(29,49,74,1) 50%);
		background-image: linear-gradient(to left, rgba(29,49,74,0.55) 0%, rgba(29,49,74,1) 50%);	
	}
	.vCard .messaging.right {
		text-align:right;
		left:auto;
		right:0;
		background-image: -ms-linear-gradient(left, rgba(29,49,74,0.55) 0%, rgba(29,49,74,1) 50%);
		background-image: -moz-linear-gradient(left, rgba(29,49,74,0.55) 0%, rgba(29,49,74,1) 50%);
		background-image: -o-linear-gradient(left, rgba(29,49,74,0.55) 0%, rgba(29,49,74,1) 50%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(29,49,74,0.7)), color-stop(50, rgba(29,49,74,1)));
		background-image: -webkit-linear-gradient(left, rgba(29,49,74,0.55) 0%, rgba(29,49,74,1) 50%);
		background-image: linear-gradient(to right, rgba(29,49,74,0.55) 0%, rgba(29,49,74,1) 50%);			
	}
}
@media all and (min-width:53.125em) { /*- 850px and up */
	/*---> vCard <---*/	
	.vCard .messaging {
		padding:0 2.813rem;
	}
	/*---> cta <---*/
	.cta section {
		padding:50px 45px 0;
	}	
}
@media all and (min-width:64em) { /*- 1024px and up -*/
	/*---> Hero <---*/
	.hero .messaging h3 {
		font-size:40px;
	}	
	/*---> Main <---*/
	#index main {
		background:rgba(0,0,0,0.7);
		text-align:left;
		position:absolute;
		bottom:0;
		left:0;
		right:0;
	}
	#index .primaryContent p {
		max-width:1000px;
		margin-left:auto;
		margin-right:auto;
	}
	/*- Messaging -*/
	.slick-slide .messaging {
		padding-top:120px;
		top:30%;
		-webkit-transform:translate(-50%, -30%);
		transform:translate(-50%, -30%);	
	}
	.slick-slider .slick-slide:nth-child(4) .messaging {
		padding-top:0;
	}
	/*---> cta <---*/
	.cta section {
		padding:75px 45px 0;
	}	
}
@media all and (min-width:64.063em) { /*- *1025px and up -*/
	.phone {
		pointer-events:none;
	}
	/*---> cta <---*/
	.cta .ourSuccess .pic {
		background:url(../images/bg-our-success.jpg) top right no-repeat;
		background-size:auto 100%;	
	}
	.cta .ourSuccess:hover .pic {
		background-size:auto 120%;		
	}
	.cta .ourPromise .pic {
		background:url(../images/bg-our-promise.jpg) top left no-repeat;
		background-size:auto 150%;
	}
	.cta .ourPromise:hover .pic {
		background-size:auto 100%;		
	}
}
@media all and (min-width:70.938em) { /*- 1135px and up */
	/*---> Slick Slider <---*/
	.slick-slide .messaging h2 {
		font-size:3.125rem;
	}
}