@import url(http://fonts.googleapis.com/css?family=Comfortaa:400,300&subset=cyrillic-ext,latin);


html, body{
	min-height: 100%;
	min-width: 100%;
 	width: 100%;
 	height:100%
}

body {
	background: url('../img/main.bg.jpg') no-repeat;
	background-size: cover;
	font-family: 'Comfortaa', cursive;
	position: relative
}

.b-overlay {background:rgba(0,0,0,.5); display: block; width:100%; height:100%; position: absolute; top:0; left:0; z-index:20}

.c-main {width:450px; margin: auto; position: relative; z-index:100; height: 100%; vertical-align: middle; padding:6% 0 0; box-sizing: border-box}

.content__logo {text-align: center}

.content__contacts {text-align: center; color:#FFF; margin-top: 50px}

.content__contacts p {line-height: 32px; font-size:18px}
.content__contacts a {color:#FFF; text-decoration: none}


.content__contacts-address {display:inline-block; vertical-align: top; font-size: 18px; margin-bottom: 20px}
.content__contacts-address:first-child:after {content: ""; width:1px; background:#FFF; height: 20px; display: inline-block; vertical-align: top; margin:0 15px}

/* Smartphones (portrait and landscape) ----------- */


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { 
	html, body {height: auto}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { 
	.c-main {padding-top:50% !important}
}