.flex {
display: flex;
	width: 100vw; height: 100vh; padding: 0; margin: 0;
	max-height: 100vh; overflow: hidden;
}
body {padding: 0; margin: 0;} 
.block-left, .block-right {width: 50%; height: 100%;}
.block-right {padding: 30px 100px; display: flex; justify-content: center; align-items: center;}
h1 {font-size: 40px; font-weight: 100;}
.poppins {font-family: "Poppins"; font-weight: 200;}

	
@media(max-width: 1200px) {
.flex {
	flex-direction: column;
}
	
	.block-right > div {
	    display: flex
;
    flex-direction: column;
    align-items: center;
	}
	.poppins, h1 {text-align: center;}
	.block-left, .block-right {width: auto;}
	.block-left {height: 400px;}
	.block-right {height: auto; padding: 30px 30px; }
	h1 {font-size: 30px;}
	
}

@media(max-width: 768px) {
	
	.block-right {height: auto; padding: 15px 15px; }
}