@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,500,600');
body{
	background:#30d5c8;
	text-align:center;
	font-family:'Exo 2';
}
a{text-decoration:none;}
	a:hover{}
.block_logo{height:70%;}
	.block_logo .logo{
		max-height:10%;
		display:inline-block;
		width:31%;
		margin-top:5%;
	}
		.block_logo .logo img{max-width:100%;}
.block_socnet{}
	.block_socnet a{
		display:inline-block;
		width:7%;
		margin:2% 1% 0;
		transition:all 0.7s;
	}
		.block_socnet a img{max-width:100%;}
		.block_socnet a:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.vert .block_logo .logo{width:65%;}
.vert .block_socnet a{width:15%;}
.photo_socnet{
	margin:70px auto 20px;
	text-align:center;	
}
	.photo_socnet .content{
		margin:0 auto;
		max-width:1350px;
	}
		.photo_socnet .content a{
			display:inline-block;
			width:29%;
			margin:1%;
			border:2px solid #000;
			padding:2px;
			overflow:hidden;
			vertical-align:top;
			transition:all 1s;
			max-width:320px;
			background-size: cover;
			background-position: 50% 50%;
		}
			.photo_socnet .content a:hover{border-color:#fff;}
	.photo_socnet .button{}
		.photo_socnet .button a{
			display:block;
			border:2px solid #000;
			width:130px;
			margin:40px auto;
			color:#fff;
			padding:2px;
			border-radius:4px;
			transition:all 0.3s ease 0.4s;
		}
			.photo_socnet .button a:hover{
				border-color:#fff;
				transition:all 0.7s;
			}
			.photo_socnet .button a span{
				display:block;
				background:#000;
				padding:6px 0 8px;
				transition:all 0.7s;
			}
				.photo_socnet .button a:hover span{
					transition:all 0.3s ease 0.4s;
					background:#fff;
					color:#000;
				}
@media screen and (max-width:900px){.photo_socnet .content a{width:46%;margin:0.5%;}}
@media screen and (max-width:400px){.photo_socnet .content a{width:94%;}}