html, body {height: 100%;}

body {background: #FFF; font-family:'Manrope', sans-serif; font-size:16px;}

#box1 {}
#box2 {display:none;}

.invest {background-color:#b3b5b7; max-height:100%;}
.webapp {background-color:#50af31;}
.invest div, .webapp div {height:100px; width:300px; margin:40% auto; text-align:center; }
a {text-decoration:none;}
a, a:hover {color:#FFF;}
.invest h3, .webapp h3 {margin-top:20px; font-weight:600;}
.logo {position:absolute; width:250px; z-index:10; top: 0; left: 50%; transform: translate(-50%, 0%);}

@media (max-width: 992px) {
	.logo {width:150px;}
	
}
@media (max-width: 768px) {
	.invest, .webapp {max-height:50%;}
	.invest div, .webapp div {margin:35% auto;}
	.logo {width:130px;}
}