@charset "utf-8";
/* CSS Document */

/* header styles */
	
.hf-logo {
	width:100%;
	text-align:left;
	}

.logo {
	width:439px;
	height:auto;
}
	
/* body styles */
	
.hf-left {
	width:40%;
	height:auto;
	float:left;
	padding:60px;
	box-sizing:border-box;
	}
	
.hf-right {
	width:60%;
	height:auto;
	float:right;
	padding:90px;
	box-sizing:border-box;
	}

.hf-cta {
	padding:20px;
	}

.thumb-main {
	width:100%;
	padding:10px;
	box-sizing:border-box;
}

.thumb-sub-l {
	width:50%;
	float:left;
	box-sizing:border-box;
	padding:10px;
}

.thumb-sub-r {
	width:50%;
	float:right;
	box-sizing:border-box;
	padding:10px;
}
	
.thumb-sub-l img, .thumb-sub-r img, .thumb-main img {
	width:100%;
}

.hf-footer {
	background:#ED1C24;
	color:#ffffff;
	padding:60px;
}

header {
	padding-bottom:60px;
	}

/* text styles */	
	
p {
	padding:0 20px 20px 20px;
	text-align:left;
	}
p, .hf-txt-lite {
	font-family: "new-hero", sans-serif;
	font-size:16px;
	line-height:24px;
	font-weight: 300;
	font-style: normal;
	}	
	
h2 {
	margin:0; padding:20px;
}

h2, .hf-txt-bold {
	font-family: "new-hero", sans-serif;
	font-weight: 600;
	font-size:24px;
	font-style: normal;
	line-height:32px;
	}
	
figcaption {
	padding:10px 0;
	color:#666666;
	font-family: "new-hero", sans-serif;
	font-size:12px;
	font-weight: 600;
	font-style: normal;
	}
	
figcaption span {
	padding:10px 0;
	color:#666666;
	font-family: "new-hero", sans-serif;
	font-size:12px;
	font-weight: 300;
	font-style: normal;	
	}
	
/* link styles */	
	
a { 
	cursor:pointer;
	color:#ED1C24;
	text-decoration:underline;
	}
	
.hf-button, .hf-button2 {
	font-family: "new-hero", sans-serif;
	font-weight: 300;
	background-color:#ED1C24;
	color:#ffffff; 
	border:none;
	border-radius: 0; 
	text-align:center;
	font-size:16px; 
	line-height:16px;
	padding:20px 24px;
	display:inline-block;
	text-decoration:none;
	}

.hf-button {
	margin-right:10px;
	}

.hf-button2 {
	background-color:#333333;
	}

.hf-button2:hover {
	color:#ffffff;
	background-color:#000000;
	}

.hf-button:hover {
	color:#ffffff;
	background-color:#c0181f;
	}

@media only screen and (max-width: 1400px) {
	
.hf-left {
	width:40%;
	padding:30px;
	}
	
.hf-right {
	width:60%;
	padding:30px;
	}
	
.logo {
	width:300px;
	height:auto;
}
	
.hf-button, .hf-button2 {
	width:100%;
	display:block;
	box-sizing: border-box;
	}
	
.hf-button {
	margin-right:0;
	margin-bottom:20px;
	}
}

@media only screen and (max-width: 900px) {
	
.logo {
	width:100%;
	max-width:400px;
	height:auto;
}
	
.hf-logo {
	padding:0 40px;
	box-sizing: border-box;
	text-align:center;
	}
	
.hf-left {
	padding:30px;
	width:100%;
	float:none;
	}
	
.hf-right {
	padding:30px;
	width:100%;
	float:none;
	}

	
h2, .hf-txt-bold {
	text-align:center;
	}
	
p, .hf-txt-lite {
	text-align:center;
	}

figcaption {
	font-size:10px;
	}
	
figcaption span {
	font-size:10px;
	}
	
.hf-cta {
	text-align:center;
	}
	
}