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





body {
	font-family: "Overpass", sans-serif;
}

h1{
	font-weight: 900;
}

p{
	font-weight: 300;
}

a{
	color: #334049; text-decoration: underline;
}

a:link{
	color: #334049; text-decoration: underline;
}

a:visited{
	color: #334049; text-decoration: underline;
}


.container-fluid{
	width: 100%;
}


.main{
	background-color: #334049;
	height: 600px;
}

.fullsize{
	width: 100%;
}

.footer{
	background-color:  #c4d600;
	height: 600px;
}

.logo{
	align-content: left;
	width: 25%;
	margin-left: 0;
}
.logo-inv{
	align-content: left;
	width: 25%;
	margin-left: 0;

}


.tagline{
	font-family: "Overpass", sans-serif;
	font-color: white;
	width: 50%;
	align-content: center;
	vertical-align: middle;
}

.vertcenter{
	vertical-align: middle;}

.tablecenter{height:600px;}

@media (max-width: 1200px) { 
	.tagline{margin-left: 20px; width: 80%;}
	.logo{width: 40%;}	
}

@media (max-width: 992px) { 
	.tagline{margin-left: 20px; width: 80%; max-height: 400px;}
	.logo{width: 40%;}	
}

@media (max-width: 768px) {
	.logo{padding-top: 50px; padding-bottom:50px}
	.logo-inv{padding-top: 50px; padding-bottom:50px}
	.tagline .vertcenter{width: 60%; margin:0 auto;}
	.main{height:1200px;}
	.footer{height: 1200px;}
	.wrapper{width: 60%; margin:0 auto;}
	.mobilesmol{margin: 0 auto; height:200px;}
}