<style>
/*
red - #e11b22
lt blue - #5eb9e4
blue - #0083a9
dk blue - #0039a6
lt grey - #c9cac8
dk grey - #4d4f53
green - #7ab800
gold - #f0ab00
purple - #6E267B
*/

/*grid*/
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.68%;
}
.span_3_of_5 {
	width: 59.36%;
}
.span_2_of_5 {
	width: 39.04%;
}
.span_1_of_5 {
	width: 18.72%;
}

/*global styles*/
.container {
	width: 100%;
	height: auto;
	margin: 0 auto;
	box-sizing: border-box;
}
.content {
	padding: 0px;
}
.content-height {
    min-height: 155px;
}
.content-margin {
	margin: 15px 0;
}
.grey-content {
	background-color: #f4f4f4;
	padding: 15px;
	position:relative;
}
h1, h2, h3, h4 {
	font-family: 'Prelo Slab W01 Book';
	font-weight: normal;
	font-size: 3em;
	color: #5eb9e4;
}
h2 {
	font-size: 2.75em;
	line-height: 1.375em;
	font-weight: bold;
}
h3{
	font-size: 2.5em;
	margin-bottom: 10px;
	color: #4d4f53;
}
h4{
	font-family: Arial, sans-serif;
	font-size: 2em;
	margin-bottom: 10px;
	color: #0039a6;
}
p {
	font-family: Arial, sans-serif;
	font-size: 1.25em;
	line-height: 1.5em;
	color: #000;
	font-weight: normal;
}
p.intro{
	font-family: 'Prelo Slab W01 Book';
	font-size: 2em;
	line-height: 1.375em;
	color: #4d4f53;
	margin-bottom: 0;
}		
p.heading{
	font-family: 'Prelo Slab W01 Book';
	font-size: 2em;
	font-weight: bold;
	color: #5eb9e4;
	margin-bottom: 0;
}
p.no-bottom-margin {
	margin-bottom: 0;
}
.verticle-align {
	display: flex;
	align-items: center;
}
.left-thick-border {
    border-left: 8px solid #5eb9e4;
	padding: 0 8px;
	box-sizing: border-box;
}
.left-thin-border {
    border-left: 1px solid #5eb9e4;
	padding: 0 8px;
	box-sizing: border-box;
	height: inherit;
}
.center {
	text-align: center;
}
a.button{
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	background: #5eb9e4;
	padding: 10px 18px;
	text-decoration: none;
	text-align: center;
	margin: 0 auto;
	max-width: 375px;
}

.button:hover {
	background: #4d4f53;
	text-decoration: none;
	cursor: pointer;
}

/*mobile*/
/*full width below 480px*/
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }

	img {
	height: auto;
	display: block;
	margin: 0 auto; 
	}
	.content {
	padding: 15px;
	}
	.content-height {
	min-height: auto;
	}
	.content-margin {
	margin: 0;
	}
	h1 {
		font-size: 2.5em;
	}
	.left-thin-border {
    border-left: 0;
	}
}
</style>