@charset "UTF-8";

html,body {
	padding:0;
	margin:0;
}
html {
	font:62.5% Arial,sans-serif;
	clear:both; /* for css-rendered-detection if needed */
	background:#e1015a;
}

#layout {
	padding-top:calc(max(100vh - min(56vw, 718px), 0px) * .5);
}

#layout .image { position:relative;
	width:100%;
	max-width:1280px;
	height:auto;
	margin:0 auto;
}

#layout .image img {
	display:block;
	width:100%;
	height:auto;
}

.maillink { position:absolute; top:59%; left:37%;
	display:block;
	width:21.5%;
	height:7.5%;
}
.instagramlink { position:absolute; top:82%; left:37%;
	display:block;
	width:21.5%;
	height:7.5%;
}

@media only screen and (max-width:900px) {
	
	#layout {
		padding:15vw 0;
	}
	
	#layout .image {
		padding-top:110%;
	}
	
	#layout .image img { position:absolute; left:0; top:0; right:0; bottom:0;
	
		height:100%;
		object-fit:cover;
	}
	
	.maillink { left:25%;
		width:41.5%;
	}
	
	.instagramlink { left:25%;
		width:41.5%;
	}
}