#page {
	background: #e9e9e8 url(images/bg-pattern.jpg)
}
.navbar-toggle {
	border: 1px solid #000;
	margin-top: 20px;
}
.navbar-toggle .icon-bar {
	background-color: #000000;
}
header {
	background: #FFF;
	box-shadow: 0 8px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 8px 0 rgba(255, 255, 255, 0.5);
	behavior: url(pie/PIE.htc);
}
h2 {
	font: 48px 'Oxygen', sans-serif;
}
a {color: #f81a0f; transition: 300ms;}
a:hover { color:#b20b03;}
.navbar-header {
	padding: 15px 0;
}
.nav li a { 
	font: 300 1em 'Lato', sans-serif;
	color:#000;
	padding: 39px 15px 38px !important
} 
#home{
	background: url(images/header-img.jpg) no-repeat bottom center;
	background-size: contain;
	height: 768px;
	padding-top: 30%;
}
#home .button-red {
	background-color: #941100;
	box-shadow: inset 0 0 21px rgba(171,29,10,0.75);
	border: 1px solid #941100;
	font: bold 1.625em 'Oxygen', sans-serif;
	color:#d6d6d6;
	padding: 15px 30px;
	border-radius: 0;
}
#about p, #hstrebate p, #howitworks p, #faq h4, #contact p {
	font: 300 1.563em 'Lato',sans-serif;
	line-height: 1.350em
}
#hstrebate {
	background: url(images/rebates-bg.jpg) no-repeat center center;
	background-size: cover;
	color: #FFF;
}
#hstrebate img { width: 100%;}
#howitworks p {
	line-height: 1.175em;
}
#howitworks .steps img {
	margin: 0 auto;
}
#howitworks .steps .steps-img {
	height: 140px;
}
#howitworks .steps .steps-img:after {
    background: url("images/arrow-step.png") no-repeat scroll right 70%;
    content: "";
    display: block;
    height: 39px;
    position: absolute;
    right: -20px;
    top: 70px;
    width: 30px;
}
#howitworks .steps > div:last-child .steps-img:after {
	display: none;
}
#howitworks .steps .container {
	padding: 0 25px;
}
#howitworks .steps p {
	font: 1.25em 'Oxygen', sans-serif;
	color: #7d7d7d;
}
#howitworks .steps p span { 
	font-weight: bold;
	font-size: 1.125em;
	display: block;
}
#faq .panel-group .panel {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0 0 0 0;
    box-shadow: none;
	border: none;
}
#faq .panel-heading {
	background-color: #E1E1E1;
    border: 1px solid #D0CFCF;
	border-radius: 0;
	box-shadow: none;
}
#faq .panel-title > a {
	display: block;
    width: 100%;
	background: url(images/faq-arrow.png) no-repeat right center; 
}
#faq p {
	font: 300 1.250em 'Lato', sans-serif;
}
#faq p span {
	color: #787878;
	font-weight: normal;
	margin-right: 10px;
	display: inline-block;
}
#contact {
	color: #FFF;
}
#contact .contact-heading {
	background-color: #252525;
}
#contact .contact-body {
	background: #424242 url(images/contact-bg.png) repeat 0 0;
}
#contact h3 {
	color: #fffa69;
	font: 3em sans-serif;
	margin-top: 50px;
}
#contact h5 {
	font: 1.500em 'Oxygen', sans-serif;
	margin: 0;
}
#contact h5 span {
	color: #cacaca;
}
#contact .contact-info a, #contact .contact-info p {
	color: #FFF;
	font: 300 1.250em 'Lato', sans-serif;
}
.form-control {
	border-radius: 0;
	background-color: #464646;
	border: none;
	font: 1em 'Lato', sans-serif;
	color: #ababab;
}
textarea.form-control {
	resize: none;
}
.btn-yellow {
	background-color: #fff200;
	color: #424242;
	border-radius: 0;
	padding: 6px 25px;
	text-transform: uppercase;
	font: bold 18px 'Oxygen',sans-serif;
	transition: 0.7s
}
.btn-yellow:hover {
	background-color: #fff653;
}
footer {
	background-color: #000000;
	padding: 30px 0 20px;
}
footer p {
	margin: 0;
}
footer a { color: #656565}
footer .nav li, footer .nav li a {
	color: #656565;
	font-size: 14px;
}
footer .nav li a {
	padding: 0 10px !important;
	border-right: 1px solid #656565;
}
footer .nav li a:hover {
	background: none;
	color:# FFF !important;
}
footer .nav li:last-child a {
	border: none;
}

/* MISCELLANEOUS
--------------------------------------------------------------- */
.divider {
	border-top: 1px solid #B6B6B6;
    width: 16%;
}
.mute {
	color: #919191 !important;
}
.font-40 {
	font: bold 2.625em/1em 'Oxygen', sans-serif;
	color:#FFF;
	text-transform: uppercase;
	text-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
	margin-bottom: 25px;
}
.font-30 {
	font: 1.875em 'Oxygen', sans-serif;
	color:#FFF;
	text-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb50 { margin-bottom: 50px;}
.pt50 { padding-top: 50px;}
.pt80 { padding-top: 80px;}

@media only screen and (min-width: 960px) and (max-width:1170px) {
	#home { height: 664px; padding-top: 38%;}
	.font-30 { font-size: 1.750em}
	footer .navbar { margin: 0;}
	.nav li a {	padding: 40px 15px 39px !important;}
}


@media only screen and (min-width: 768px) and (max-width:959px) {
	h2 {font-size: 40px;}
	.navbar-brand {float: none;}
	#home { height: 495px; padding-top: 38%;}
	.font-40 {font-size: 2em}
	.font-30 {font-size: 1.350em}
	#home .button-red { font-size: 1.125em; padding: 10px 20px;}
	.nav li a { padding: 27px 10px !important}
	#about p, #hstrebate p, #howitworks p, #faq h4, #contact p {font-size: 1.125em;}
	#howitworks .steps p {font-size: 0.875em;}
	#contact h3 { font-size: 2.25em;}
}

@media only screen and (min-width: 480px) and (max-width:767px) {
	.font-40 { font-size: 1.25em; margin-bottom: 10px;}
	.font-30 { font-size: 0.8em;}
	h2 { font-size: 32px;}
	#about p, #hstrebate p, #howitworks p, #faq h4, #contact p,#faq p { font-size: 1em}
	.mb30 { margin-bottom: 20px;}
	.mb50 { margin-bottom: 30px;}
	.navbar-header img { width: 80%}
	#home { height: 340px; padding-top: 46%;}
	.nav li a { padding: 10px 0; text-align: center; border-top: 1px solid #ccc;}
	#home .button-red { font-size: 0.875em; padding: 7px 15px;}
	#hstrebate > div > div > div > div { margin-bottom: 30px;}
	#howitworks .steps .steps-img:after { display: none;}
	#howitworks .steps > div { margin-bottom: 50px;}
	footer { padding-top: 15px;}
	footer .nav { display: none;}
}
@media only screen and (max-width: 479px) {
	.navbar-brand { float: none; width: 80%; display: block;}
	.navbar-toggle { margin-right: 0; margin-top: 0;}
	.font-40 { font-size: 0.75em; margin-bottom: 10px;}
	.font-30 { font-size: 0.8em;}
	h2 { font-size: 32px;}
	#about p, #hstrebate p, #howitworks p, #faq h4, #contact p,#faq p { font-size: 1em}
	.mb30 { margin-bottom: 20px;}
	.mb50 { margin-bottom: 30px;}
	.navbar-header img { width: 75%}
	#home { background-size: cover; height: 285px; padding-top: 52%;}
	.nav li a { padding: 10px 0; text-align: center; border-top: 1px solid #ccc;}
	#home .button-red { font-size: 0.875em; padding: 7px 15px;}
	#hstrebate > div > div > div > div { margin-bottom: 30px;}
	#howitworks .steps .steps-img:after { display: none;}
	#howitworks .steps > div { margin-bottom: 50px;}
	#faq .panel-title > a { padding-right: 25px;}
	#contact h3 { font-size: 1.5em}
	footer { padding-top: 15px;}
	footer .nav { display: none;}
}