/***GLOBAL***/
body{
	background-color: #f1f2ec;
	overflow-x: hidden;
}
body,p,ul,li,a,strong{
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-size: 1.1rem;
}
h1,h2,h3, button, button a{
	font-family: erbaum, sans-serif;
	font-weight: 900;
}
a{
	color: inherit;
}
a:hover{
	color: inherit;
}
strong{
	font-weight: 700;
}
	.mobile-badge{
		display: none;
	}
/***TEXT***/
.caps{
	text-transform: uppercase;
}
.centered{
	text-align: center;
}
.right-align{
	text-align: right;
}
.banner-title{
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase;
	font-size: 1.5rem;
	padding: 5px 0px 5px 25px;
}
/***LAYOUT***/
.banner-back{
    background-image: url(/img/banner-background.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner-600{
	width: 600px;
}
.banner-300{
	width: 300px;
}
.border-right{
	border-right: 1px solid #000;
}
.header-hero{
	background-image: url('/img/banner-01.png');
	background-size: cover;
	background-repeat: no-repeat;
	height: 400px;
	background-position: center top;
}
.banner-2{
	background-image: url('/img/banner-02.png');
	background-size: cover;
	background-repeat: no-repeat;
	height: 35vw;
	max-height: 450px;
	background-position: top center;
}
.banner-3{
	background-image: url('/img/banner-03.png');
	background-size: cover;
	background-repeat: no-repeat;
	height: 35vw;
	max-height: 450px;
	background-position: top center;
}
.hero-badge img {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    max-width: 300px;
}
/*.hero-copy {
    width: 50vw;
    padding-top: 425px;
    max-width: 650px;
    font-size: 1.1rem;
}*/
.top-content-offset{
	margin-top: 100px;
}
.img-full img{
	width: 100%;
}
.chart-icon{
	padding: 3%;
	margin: 0 auto;
	display: block;
}
.chart-copy{
	padding: 3%;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.chart-copy p{
	margin-bottom: 5px;
}
.slick-slide{
	padding: 25px;
	text-align: center;
}
.slick-slide img {
    margin: 0 auto;
    padding-bottom: 15px;
}
button{
	margin: 0 auto;
    display: block;
    padding: 10px 40px;
	color: #f1f2ec;
	background-color: #4d5525;
}
/***COLORS***/
.light-green{
	color: #f1f2ec;
}
.light-green-back{
	background-color: #f1f2ec;
}
.med-green{
	color: #cec48d;
}
.med-green-back{
	background-color: #cec48d;
}
.dark-green{
	color: #aa9f4d;
}
.dark-green-back{
	background-color: #aa9f4d;
}
.darker-green{
	color: #4d5525;
}
.darker-green-back{
	background-color: #4d5525;
}
.white{
	color: #FFF;
}
.slick-next:before {
    content: '›';
    font-size: 4rem;
}
.slick-prev:before {
    content: '‹';
    font-size: 4rem;
}



@media (min-width:1200px) {
	.header-hero {
	    height: 525px;
	}
	/*.hero-copy {
    padding-top: 550px;
	}*/
}
@media (min-width:993px) and (max-width:1199px) {
	.hero-badge img {
    max-width: 250px;
	}
}
@media (min-width:769px) and (max-width:992px) {
	.hero-badge img {
    max-width: 250px;
	}
}

@media (min-width:576px) and (max-width:768px) {
	.top-content-offset {
    margin-top: 50px;
	}
}

@media (max-width: 575px) {
	.header-hero{
	background-position: right center;
	}
	.hero-badge{
		display: none;
	}
	.banner-600, .banner-300{
		width: 400px;
	}
	h3.light-green{
		font-size: 1.25rem;
	}
	.chart-icon {
    padding: 13% 10px;
    margin: 0 auto;
    display: block;
	}
	.hero-copy{
		width: auto;
		padding: 25px;
		margin-top: 0px;
	}
	.top-content-offset {
    margin-top: 0px;
	}
	.mobile-pad-25{
		padding-left: 25px;
	}
	.mobile-badge {
	    display: block;
	    width: 400px;
	    margin: 220px auto;
	}
	.header-hero {
    height: 270px;
    margin-bottom: 180px;
	}
}