*{
	margin:0;
	padding:0;
}
main{
	width:100vw;
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
	background:url(19366.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}
.sites-container{
	width:70%;
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}
.sites-container a{
	margin-top:15px;
}
@media(max-width:1600px){
	.sites-container{
		width:90%;
	}
}
@media(max-width:1366px){
	.sites-container{
		width:97%;
	}
}
@media(max-width:1280px){
	.sites-container{
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
	.site{
		margin-top:25px;
	}
}
.site-image{
	width:626px;
	height:321px;
	box-shadow:         2px 2px 9px 0px rgba(50, 50, 50, 0.66);
	cursor:pointer;
	overflow:hidden;
}
.sites-container{
	display:flex;
}
@media(max-width:768px){
	.site-image{
		width:417px;
		height:214px;
	}
}
@media(max-width:425px){
	.site-image{
		width:278px;
		height:142px;
	}
}