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


body {
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	font-family: 'Poppins', sans-serif;
/*	background-image: url(../images/cloud.jpg);
	background-repeat: no-repeat;
	background-size: cover;*/
    margin: 0;
    padding: 0;
		width: 100%;
		height: 100%;
		background-color: #006958;
}
@media only screen and (min-width: 0em) {

.wrapper {
	margin: 10vh auto;
	padding: 5vh 10vw;
	position: relative;
	text-align: left;
	width: 100vw;
	height: 80vh;
}
.wrapper::before {
	content: "";
	width: 30vw;
position: absolute;
top: -10vh;;
bottom: 0;
right: 0;
/*background-color: #37FF9A;*/
	background-image: url(../images/bkgd-keenmatics-lg.png);
	background-repeat: no-repeat;
	background-size: cover;
z-index: -1;
opacity: .75;
}
.wrapper a { color: #fff; /*#006958;*/
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.wrapper a:hover {
border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.wrapper p {
    font-size: 1.05em;
line-height: 1.5;
margin-top: 25vh;
color:rgba(255, 255, 255, 0.8); /*#B8C3C3; /*#90a1a3;*/

}
.wrapper p strong {
	font-weight: 400;
	color: #37FF9A; /*#006958;*/
}

.logo {
margin: 0;
width: 126px;
}
.legal {
	margin-top: 10vh;
	color:rgba(255, 255, 255, 0.8); /*#006958;*/
}
}
@media only screen and (min-width: 40em) {
.wrapper p {
    font-size: 1.15em;
}
.wrapper {
	padding: 10vh 10vw;
}
.wrapper::before {
	width: 60vw;
}
}
@media only screen and (min-width: 48em) {
.wrapper p {
    font-size: 1.3em;
}
.logo {
margin: 0;
width: 168px;
}
}