﻿
.container {
	position: relative;
	}
.headerimage {
	height: 853px;
	background-image:url('../images/headerimage_contract_1280_853.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position:80% 10%;
	}

	
.text-block {
  	position: relative;
	margin: 0 auto; 	
	color: white;
 	top: 36em;
	width: 80%;	
}

.text-block h4 {
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 100;
	color: #ffed99;
	background: rgba(255,237,153, .2);
	border-radius: 20px;
	text-align: center;
	margin: 0;
	}
	
.text-block div {
	display: inline-block;
	margin-top: 3em;
}
	
.text-block p {
	background-color: #3f9a36;
	font-size: 1.0em;
	font-weight: 600;
	color: #fff;
	margin: 0;
	padding: 5px 8px;
	}


.main {
	padding: 2em 3em;
}
.main h1 {
	text-align: center;
    text-transform: uppercase;
    padding: .6em .5em 2.0em .5em;
    border-radius: 2px;
    font-size: 1.6em;
    font-weight: 600;
    color: #025493;
}
.main h2 {
    font-size: 1.2em;
    font-weight: 600;
    color: #000;
}


.main p {
	    font-size: 1.1em;
}
.main p em {
    color: #025493;
    font-style: normal;
}
.main p i {
    font-weight: 600;
    font-style: normal;
}

.main h4 {
	font-size: 1.1em;
    color: #025493;
}

.main li {
    font-weight: 600;
	font-size: 1.1em;
	color: #3f9a36;
	padding-top: 6px;
}





@media screen and (min-width:500px) {
.text-block {
 	top: 35em;
	width: 70%;	
}
.text-block h4 {
	font-size: 1.6em;
 }

}


@media screen and (min-width:760px) {
.text-block {
 	top: 34em;
	width: 60%;	
}

}
@media screen and (min-width:800px) {
.text-block {
 	top: 35em;
	width: 70%;	
}
.text-block h4 {
	font-size: 1.8em;
 }
.text-block p {
	font-size: 1.2em;
 }

}

@media screen and (min-width:1000px) {
.text-block {
 	top: 37em;
	width: 60%;	
}
.text-block h4 {
	font-size: 2em;
 }
.text-block p {
	font-size: 1.4em;
 }

}
