/* -------------------- MAIN -------------------- */

main {
	margin: 11vw 0 2vw 5vw;
	width: 95vw;
/* */
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}

main a {
	margin: 0 3.5vw 3.5vw 0;
	height: 15vw;
	width: 21%;
/* */
	color: transparent;
/* */
	box-shadow: inset 0px 5px 10px 0 rgba(0, 0, 0, 0.3);
	border-radius: 0.5vw;
}

/* -------------------- MEDIA -------------------- */

@media only screen and (max-width: 1032px) {

	main a {
		width: 29%;
	}

}

@media only screen and (max-width: 744px) and (orientation: portrait) {
	
	/* -------------------- MOBILE MAIN -------------------- */
	
	main {
		margin: 20vw 0 6vw 5vw;
	}
	
	main a {
		height: 25vw;
		width: 45%;
	}

}

/* -------------------- PRINT -------------------- */

@media print {

	* {
		display: none;
	}

}