/*
Colors:
Red:	 #ed2024
Dark Blue: #012056
Dk Blue: #00cdf3
Lt Blue: #a3f0fe
Lt Gray: #6f6f72

 */

* {
	margin: 0;
	padding: 0;
	border: none
}

/* Mobile first approach media queries under <768 pixels
grid (col-xs)
-------------------------------------------------- 
-------------------------------------------------- 
-------------------------------------------------- */

body {
	overflow-x: hidden;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 62.5%; /* 16px × 62.5% = 10px */
	font-size: 1em;
	background: #545454;
	margin: 0 auto;
	padding: 0;
	color: #333;
	line-height: 1.4em;
	font-weight: 400;
}

.container {margin:0 auto; padding:0;}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline:0;
}

a:link, a:visited {color:#006ed0; text-decoration:none;}
a:hover, a:active {color:#00cdf3; text-decoration:underline;}


a.light-link:link, a.light-link:visited {color:#fff; text-decoration:none}
a.light-link:hover, a.light-link:active {color:#f1f1f1; text-decoration:none}

h2, h3, h4, p {text-align:left;}
h1 {
	color:#333;
	font-size: 1.8em;
	text-align:center;
}
h2 {color:darkcyan; font-size:xx-large;}
h3 {color:#006ed0; font-size:1.6em;}
h4 {color:#474747; font-size:1.5em;}

p {
    margin:14px auto;
    color:#333;
    line-height:1.5em;
    font-weight:400;
    font-size:13px;
}

.text-large {font-size:16px;}
.text-med {font-size:14px;}
.text-small {font-size:12px;}
.text-xsm {font-size:11px;}

hr {width:100%; padding:0; margin:30px auto 0 auto; text-align:center; border-top:double 3px #d2d2d2;}

.clear {clear:both;}
.ctr {text-align:center;}
.bld {font-weight:bold;}
.reg {font-weight:normal;}
.blue {color:#006ed0;}
.red {color:#ed2024;}
.right {text-align:right;}
.left {text-align:left;}
.ctr {text-align:center;}
.no-pad {padding:0;}
.no-margin {margin:0;}
.divider {border-bottom:solid 1px #454545;}

.bg-dk {background-color:#333;}
.bg-wh {background-color:#fff;}
.bg-dk-gray {background-color:#363639}
.bg-light-gray {background-color:#f1f1f1;}
.bg-darkest-gray {background-color:#222;}

.page {
	width: 1200px;
	margin:30px auto;
	text-align:center;
	background-color: #ffffff;
	padding: 30px;
	border-radius: 12px;
}

.img-centered {margin:0 auto;}




	
	/* ZOOM PHOTOS 
	 Add .zoom to the image element or to a container for the element to enlarge the photo 
	---------------------------------------------------------- */
	.zoom {
		transition: transform .2s; /* Animation */
	}
	.zoom:hover {
		transform: scale(2.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}