
html,body {
	color:#333333;
	font-size:16px;
	height:100%;
}
.container-fluid {
	background: #686F12;
	border: 50px solid #fff;
}

a, a:hover, a:visited {
	color:#333;
	text-decoration:none;
	}	
	
h1, .h1 {
	font-size: 48px;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	line-height: 1;
	margin-bottom:30px;
}
h2, .h2 {
	font-size: 18px;
	font-weight: 700;
	font-family: 'Source Sans Pro', sans-serif;
	margin-bottom:2.5em;
}
h3, .h3 {
	font-size: 10px;
	font-weight: 700;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 1;
	margin-bottom: 0;
	text-transform: uppercase;
}
p {
	font-size: 18px;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	margin-bottom: 20px;
}
.image {
	background: url('bg.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.overlay {

	background: url('overlay2.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom left;
}
.vcenter {
	padding: 10px;
	position:relative;
}


@media (max-width:767px) {
h1, .h1 {
	font-size:24px;	
}

.container-fluid {
	border: 15px solid #fff;
}
.image {
	background-size: 200%;
}
.overlay {
	background-position: bottom center;
	height:95vh;
}
.vcenter {
	padding: 100px 40px;
	position: relative;
}
}
@media (min-width:768px) and (max-width:991px) {
h1, .h1 {
	font-size: 36px;
}
.container-fluid {
	border: 30px solid #fff;
}
.image {
	background-size: 150%;
}
.overlay {
	background-position: bottom center;
	height:95vh;
}
.vcenter {
	padding: 15%;
	position: relative;
}
}

@media (min-width:992px) and (max-width:1199px) {
h1, .h1 {
	font-size: 38px;
	margin-bottom: 15px;
}
h2, .h2 {
	margin-bottom: 20px;
}
.container-fluid {
	height: 100%;
	border: 30px solid #fff;
}
.row {
	height: 100%;
}
.image {
	background-size: 150%;
	background-position: 70% bottom;
}
.overlay {
	height:100%;
}
.vcenter {
	padding: 0 10% 0 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
}
@media (min-width:1200px){
h2, .h2 {
	font-size: 22px;
	font-weight: 700;
	font-family: 'Source Sans Pro', sans-serif;
	margin-bottom: 2.5em;
}
.container-fluid {
	height: 100%;
}
.row {
	height: 100%;
}
.overlay {
	height:100%;
}
.vcenter {
	padding: 2% 25% 2% 2%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
}