body {
	font-family: 'Montserrat', sans-serif;
}
.leftside {
	background-color: #FFF;
	height: 100vh;
	color: #333;
	position: relative;
}
.rightside {
	height: 100vh;
	background: url('images/background.jpg') no-repeat 90% 50% / cover;
}
.info {
	height: 100vh;
}
.logo {
	max-width: 300px;
	margin-top: 80px;
	margin-bottom: 80px;
}
h1 {
	font-size: 30px;
	margin-bottom: 15px;
}
h2 {
	font-size: 16px;
	color: #63c29c;
	margin-bottom: 50px;
	text-transform: uppercase;
}
a:link, a:visited, a:active {
    color: #075536;
    text-decoration: none;
}
a:hover {
    color: #207a56;
    text-decoration: none;
}
.contact {
	font-size: 1.2em;
}
.roof {
	clip-path: polygon(0 13%, 100% 0, 100% 100%, 0% 100%);
}

.coverfit {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
}
.jiswo img {
    height: 12px;
}
.footer p {
	margin: 0;
	font-size: 12px;
}

@media(min-width:768px) {
	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 16px;
	}
	.roof {
		clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
	}
}
@media(min-width:992px) {
	h1 {
		font-size: 36px;
	}
	h2 {
		font-size: 20px;
	}
	.roof {
		clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
	}
}