/* ===================================
1. General
==================================== */
*{margin:0; padding:0;}

img, object, embed, video {max-width: 100%;}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%;}

input {padding-left:20px;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) { display: none; }

html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
body {margin:0; font-size:16px; line-height:1.6em; background-color:#fff;}
body, button, input, select, textarea {
	font-family:'Source Sans Pro', Arial, sans-serif;
	font-weight:400;
	line-height:1.6em;
	color:#666666;
    margin: 0;
}

a {text-decoration:none;}
a:active {outline:0;}
button:active {outline:0; border:0;}
li {list-style:none;}
img,button {border:none;}

.clearfix::after {
	content:"";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}

h1,h2, h3, h4, h5, h6 {
	font-family:'Source Sans Pro', Arial, sans-serif;
	font-weight:700;
	line-height:1.1em;
	color:#333;
}

p {font-family:'Source Sans Pro', Arial, sans-serif;font-weight:400;}

.container {
	display:block;
	max-width:1180px;
	margin:0 auto;
}

.container-fluid {
	display:block;
	width:100%;
}

::selection {background:#127ec3; color:#fff;}
img::selection,button::selection,a::selection {background:transparent;}
.highlight {font-weight:700 ; font-family:'Source Sans Pro', Arial, sans-serif;}
.hidden {display:none;}

/* ===================================
2. Header Section
==================================== */
header img {width:100%;}
header article {padding:0;}
header article h1 {padding:0 20px; color:#fe6522; font-size:42px; margin:20px 0;}
header article h2 {padding:0 20px; font-size:24px; font-weight:300; line-height:1.3em; margin-bottom:20px; color:#323a45;}
div.highlight-container{background:#323a45; padding:40px 20px; color:#fff;}
div.highlight-container p {color:#fff; font-size:18px; font-weight:300; text-align:center;}

/* ===================================
3. Content Section
==================================== */
section {padding:40px 20px; margin-bottom:40px;}
section .content {margin-bottom:40px;}
section .content h2 {font-size:28px; font-weight:600; color:#323a45; margin-bottom:20px;}
section .content p {font-weight:300; color:#636363; font-size:18px; margin-bottom:20px;}
section .content ul {padding-left:40px; float:left;}
section .content ul li {list-style-image:url(../images/bullet.png); margin-bottom:15px;}

section .form-container {width:96%; max-width:580px; background:#f7f7f9; text-align:center; border-radius:10px; border:solid 1px #ccc;}
section .form-container form{padding:40px 2%;}
section .form-container form h3{font-size:30px; color:#fe6522; margin-bottom:10px;}
section .form-container form p {font-size:18px; color:#605d5d;}
section .form-container form h5 {font-size:18px; color:#666; font-weight:600; margin:20px 0;}
section .form-container form input {display:block; margin:10px auto 20px; width:88%; height:35px; color:#bcbcbc;}
section .form-container form input:focus {color:#f25a50;}
section .form-container form button {display:block; margin:10px auto 5px; width:94%; padding:2% 0; color:#fff; background:#fe6522; cursor:pointer; font-size:24px; transition:0.4s ease-in-out;}
section .form-container form button:hover {background:#333;}
section .form-container a {font-size:14px; color:#666666; text-decoration:underline; font-weight:300;}
section .form-container a:hover {color:#323a45; font-weight:400;}
section .form-container p.disclaimer {font-size:14px; color:#b4b4b4; font-weight:300; padding:10px 20px; text-align:justify; line-height:22px; cursor:default;}
section .form-container p.disclaimer:hover {color:#999;}
section form label.error { display: block; width: 100%; font-weight: bold; color: #fff; background-color: #df1f26; font-size: 12px; border-radius: 20px; padding: 10px; margin-top: 4px; }
section form label.errorblock input { border-color: #df1f26; }

section span.divider {clear:both; border-bottom:solid 1px #ccc; display:block; position:relative; top:40px;}

/* ===================================
3. Footer Section
==================================== */
footer {padding:40px 20px 10px;}
footer img {display:block; margin:0 auto 20px;}
footer h4 {font-size:16px; font-weight:400; text-align:center; margin-bottom:20px; line-height:40px;}
footer h4 span {color:#fe6522;}

@media screen and (min-width:544px) and (min-device-width:544px){
	header article h1 {font-size:64px;}
	section .form-container form button {width:92%;}
}



@media screen and (min-width:768px) and (min-device-width:768px){
	header img {float:right; width:50%; max-width:519px;}
	header article {float:left; width:50%;}
	header article h1 {font-size:43px;}
	header article h2 {max-width:500px;}
	
	section .content {float:left; width:50%;}
	section .form-container {float:right; width:48%;}
	section .form-container form button {width:94%;}
	
	footer img {float:left;}
	footer h4 {float:right;}

}


@media screen and (min-width:992px) and (min-device-width:992px){
	header article h1 {font-size:59px;}
	section .content {float:left; width:50%;}
	section .form-container {float:right; width:48%;}
}

@media screen and (min-width:1080px) and (min-device-width:1080px){
	header article h1 {font-size:66px;}
	section .form-container form button {width:92%;}
}