/* Reset */

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}



.container {
position: relative;
padding:0;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color:#282828;
background-repeat: no-repeat;
background-size: cover;

}

h1 {
font-size: 28px;
margin:20px 0 0 0;
padding: 5px 0 20px 0;
font-family: Raleway, sans-serif;
text-transform:uppercase;
text-align: center;
color: #fff;
}

h2 {
position:relative;
font-size: 1.2em;
text-transform:uppercase;
padding: 14px 20px 12px 0;
margin:15px 0 0 0;
font-family:  Raleway, sans-serif;
color: #fff;
}
h3 {
font-size: 0.8em;
margin:10px 0 0 0;
padding: 5px 0 10px 0;
font-family: Raleway, sans-serif;
text-transform:uppercase;
text-align: left;
color: #fff;
}
.main-content {
padding: 25px;
background: #282828;
text-align: left;
}
.main-banner {
width:100%;
float: left;
background-size: cover;
padding:25px 0 0 0;
}
.header-left {
	float:left;
	width:45%;
	padding:20px 10px;
	text-align:left;
}

.header-right {
	float:right;
	with:45%;
	padding:25px 20px;
	text-align:left;
}
.main-text {
font-size: 18px;
font-family:  Raleway, sans-serif;
color:#999999;
padding:10px 0;
}
.button {
color:#FFFFFF;
background-color:#00a0db;
border-color:#0080af;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:10px;
text-decoration: none;
}

.button-span {
color:#FFFFFF;
padding:7px 12px;
font-size:17px;
line-height:26px;
border-color:#4dbde6;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
text-shadow:none;
-moz-text-shadow:none;
-webkit-text-shadow:none;
}
.category-text {
	color:#bbbbbb;
	font-family:  Raleway, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding-left: 10px;
}
.column-left {
	float: left;
	width:25%;
	color:#2db3e0;
	font-size:1.2em;
	text-align: left;
	padding-bottom:20px;
}
.column-right {
	float: right;
	width:95%;
	min-height:600px;
	color:#4591cd;
	font-size:1.2em;
	text-align: left;
	padding-bottom:20px;
}
ul {
	display: block;
    list-style-type: none;
	margin:0;
    padding:0;
}
li {
	padding:5px 0;
}
a {
text-decoration: none;
font-weight: bold;
color:#fff;
}

a:hover {
color:#2db3e0;
}
.image-holder {
	text-align:center;
	padding:20px;
}
.footer {
	width:100%;
height: 100%;
margin-right: auto;
margin-left: auto;
	text-align: center;
	background-color:#000000;
	padding:25px 0;
	color:#fff;
}
.footer-links {
	 color:#fff;
}
.footer-p {
	padding:0 20px;
}
.fa-xs {
	font-size:7px;
	vertical-align:middle;
	margin-bottom:3px;
}
.fa-sm {
	color:#2db3e0;
	font-size:18px;
}
.header-links {
	color:#fff;
	margin-left:10px;
	font-size:18px;
}
@media screen and (max-width:480px) {
.button-span {
padding:7px 22px;
font-size:10px;
line-height:12px;
}
h1 {
font-size: 20px;
}
.container {
width:100%;

}
.main-text {
font-size: 20px;
}
img {
	max-width:75%;
	max-height:75%;
}
.header-left, .header-right {
	width:100%;
	text-align:center;
}
}
@media screen and (max-width:860px) {
.button-span {
padding:7px 22px;
font-size:14px;
line-height:22px;
}
h1 {
font-size: 24px;
}
.column-right, .column-left {
	float:left;
	width:100%;
}
.checklist-text {
	font-size:1em;
}
}
