/* CLEAR FIX */
@font-face {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: normal;
    font-style: normal;
	src: url('https://fonts.googleapis.com/css?family=Open+Sans');}

@font-face {
    font-family: 'Sanchez';
	font-weight: normal;
    font-style: normal;
	src: url('https://fonts.googleapis.com/css?family=Sanchez');}		
		
html, body, h1, h2, h3, h4, h5, p, ul, li {
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	color: #16427a;}	

body {
	background-color: white;}	
	
a {
	font-family: 'Sanchez', sans-serif;
	font-weight: normal;
	text-decoration:none;
	color: #4dafff;
	transition: all 0.25s ease-in-out;}

a:hover {
	color: #f23d3d;
	text-decoration: none;
	transition: all 0.25s ease-in-out;}	
	
a:visited {
	color: #4dafff;
	text-decoration:none;}		

.center {
	text-align: center;}	

.white {
	color: white;}	
	
/* Main Navigation */
#mainNav {
	background-color: #16427a;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0px;
	text-transform: uppercase;
	text-align: center;}
	@media only screen and (min-width: 768px) {
		#mainNav {
			text-align: left;}}
	
#mainNav ul{
	text-align: center;}
		@media only screen and (min-width: 768px) {
		#mainNav ul{
			text-align: right;}}

#mainNav li {
	list-style-type: none;
	display: inline-block;
	padding-left:20px;}
	
#mainNav p {
	font-family: 'Sanchez', serif;
	font-weight: normal;
	display: inline-block;
	font-size: 10px;
	line-height: 10px;
	letter-spacing: 1px;
	color: white;
	padding: 0px 0px 20px 0px;}
	@media only screen and (min-width: 768px) {
	#mainNav p {
		font-size: 12px;
		line-height: 12px;
		padding: 0px;}}	
	
#mainNav a {
	font-size: 10px;
	letter-spacing: 1px;}
	@media only screen and (min-width: 768px) {
	#mainNav a {
		font-size: 12px;
		line-height: 12px;}}		

#mainNav row {
	padding: 0px;
	margin: 0px;}	
	
/* Banner */
#banner {
	padding: 40px 0px 0px 0px;
	background:red;
	animation:myfirst 10s;
	-moz-animation:myfirst 10s; /* Firefox */
	-webkit-animation:myfirst 10s; /* Safari and Chrome */
	-o-animation:myfirst 10s; /* Opera */
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;}
	@media only screen and (min-width: 768px) {
	#banner {
		padding: 80px 0px 0px 0px;}}

@keyframes myfirst {
0%, 100%	{background: #1470cc;}
25%  		{background: #4dafff;}
50%  		{background: #ff8080;}
75% 		{background: #f23d3d;}}

@-moz-keyframes myfirst /* Firefox */{
0%, 100%	{background: #1470cc;}
25%  		{background: #4dafff;}
50%  		{background: #ff8080;}
75% 		{background: #f23d3d;}}

@-webkit-keyframes myfirst /* Safari and Chrome */{
0%, 100%	{background: #1470cc;}
25%  		{background: #4dafff;}
50%  		{background: #ff8080;}
75% 		{background: #f23d3d;}}

@-o-keyframes myfirst /* Opera */{
0%, 100%	{background: #1470cc;}
25%  		{background: #4dafff;}
50%  		{background: #ff8080;}
75% 		{background: #f23d3d;}}
	
#logoRow {
	margin-bottom: 40px;}
	@media only screen and (min-width: 768px) {
	#logoRow {
	margin-bottom: 80px;}}
	
#logoRow h1 {
	margin-top: 30px;}	
	
.imageCenter {
	margin-left: auto;
	margin-right: auto;}	
	
h1 {
	font-family: 'Sanchez', serif;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;}	
	@media only screen and (min-width: 992px) {
	h1 {
		font-size: 18px;
		line-height: 22px;}}
	
h2 {	
	font-family: 'Sanchez', serif;
	font-weight: normal;
	font-size: 15px;
	line-height: 22px;}
	@media only screen and (min-width: 768px) {
	h2 {
		font-size: 24px;
		line-height: 34px;}}
	@media only screen and (min-width: 992px) {
	h2 {
		font-size: 32px;
		line-height: 42px;}}
	@media only screen and (min-width: 1200px) {
	h2 {
		font-size: 38px;
		line-height: 48px;}}
	
/* Main Content */
.mainContent {
	padding: 40px 0px 40px 0px;}	
	@media only screen and (min-width: 768px) {
	.mainContent {
		padding: 80px 0px 80px 0px;}	}
		
h3 {
	font-family: 'Sanchez', serif;
	font-weight: normal;
	text-align: center;
	font-size: 15px;
	line-height: 18px;
	color: #aaadb3;
	margin-bottom: 40px;
	text-transform: uppercase;
	letter-spacing: 2px;}
	@media only screen and (min-width: 768px) {
	h3 {
		font-size: 18px;
		line-height: 20px;}}

.feature {
	-webkit-box-shadow: 0px 1px 6px 1px rgba(0,0,0,.06);
	-moz-box-shadow: 0px 1px 6px 1px rgba(0,0,0,.06);
	box-shadow: 0px 1px 6px 1px rgba(0,0,0,.06);
	padding: 20px;
	background-color: white;
	margin-bottom: 20px;
	min-height: 240px;
	border-radius: 3px;}
	@media only screen and (min-width: 768px) {
	.feature {
		margin-bottom: 30px;
		padding: 20px;}}
	@media only screen and (min-width: 992px) {
	.feature {
		padding: 20px;
		margin-bottom: 30px;
		min-height:320px;}}
	@media only screen and (min-width: 1200px) {
	.feature {
		padding: 30px;
		margin-bottom: 30px;
		min-height:320px;}}
	
.featureImg {
	padding-bottom: 20px;}
	@media only screen and (min-width: 992px) {	
	.featureImg {
		padding-bottom: 20px;}}
	@media only screen and (min-width: 1200px) {	
	.featureImg {
		padding-bottom: 30px;}}
	
		
	
h4 {
	font-family: 'Sanchez', serif;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	color: #16427a;}		
	@media only screen and (min-width: 992px) {
	h4 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom:5px;}}	
				

.mainContent p {
	font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	padding-top: 2px;}
	@media only screen and (min-width: 992px) {
	.mainContent p {
		font-size: 15px;
		line-height: 20px;}}
	
.footer {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 13px;
	color: #aaadb3;
	padding-top: 5px;
	text-align: center;
	margin: 20px 0px 0px 0px;}	
	@media only screen and (min-width: 768px) {
	.footer {
		margin: 50px 0px 0px 0px;}	}