
h1, h2, h3, h4, h5, h6 {
	font-family: 'Merriweather', serif;
}

h1{font-size: 5em;}
h2{font-size: 3em;}
h3{font-size: 2em;}
h4{font-size: 1.5em;}
h5{font-size: 1.3em;}
h6{font-size: 1.1em;}



.cardwrap.cardgrid .card h3.title,
.resources .cardwrap.cardgrid .card h3.title,
.testimonials .cardwrap.cardgrid .card h3.title {
	font-size: 1.5em;
}
/*
.mainvisual.banner .conwrap {
	top: 56%;
	padding-bottom: 3%;
}

.mainvisual .conwrap,
.calltoaction .conwrap {
	background: rgba(0,0,0,0.5);
}
*/


.mainvisual .overlay {
	background: rgba(0,0,0,0.5);
	height: 600px;
	padding: 70px 0;
}

.content.homepage .section.mainvisual,
.content.homepage .section.calltoaction {
	padding: 0;
}


.calltoaction .overlay {
    background: rgba(0,0,0,0.5);
    height: 593px;
    overflow: hidden;
    position: relative;
    bottom: 30px;
}

.calltoaction, 
.mainvisual.banner {
	overflow: hidden;
}

.section.resources .cardwrap .card .readmore {
	width: 100%;
	text-align: center;
}

.section.resources .cardwrap .card .desc,
.section.resources .cardwrap .card .title {
    width: 94%;
    padding: 0 3%;
}

.section.resources .conwrap {
	border: 1px solid #eee;
	border-top: none;
}

.section.resources .cardwrap .card .desc {
	min-height: 8.5em;
}

.section.resources .cardwrap .card .title{
	min-height: 2.2em;
}

.cardwrap .card a .featimg {
	background-position: top center;
}


@media (max-width: 1080px){
	.mainvisual.banner h1.title {
		font-size: 6.5vw;
	}

	.calltoaction .title {
		font-size: 4vw;
	}

	.calltoaction .textwrap {
	    width: 100%;
	    margin: 0;
	}	
}

@media (max-width: 600px) {
	p.intro {
		font-size: 3vw;		
	}
}