@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&display=swap');

html, body, div, span, h1, h2, h3, h4, h5, h6, p, li, ul {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;                               
	vertical-align: baseline;          
	background: transparent;     
	font-size: 100%;                    
	color: #fff;
}
html{
	background:#000;
}
.center-block-main{
	margin:0 auto; max-width:1200px;
}

body {
	margin: 0 auto;
	
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	font-family: 'Comfortaa', cursive;

}

.center-block-main{width: 85%;}

header{
	overflow: hidden;
	padding-top: 40px;
	padding-bottom:80px;
	font-family: 'Comfortaa', cursive;

}
.logo {
	padding-top: 5%;
	width: 40%;
	margin: 0 auto;
	text-align: center;
}

h1, h2{
	text-align: center;
	font-size: 2em;
}
h3 {
	text-align:center;
	font-size: 1.2em;
}

a {
    color: #fff; /* Цвет текста */
    padding: 2px; /* Поля вокруг текста */
    transition: 0.1s linear; /* Время изменения */
   }
   a:hover {
    color: #999; /* Цвет текста */
   }

ul{
	list-style:none; text-align:center;
}
ul li{
	display:inline-block; padding:0px 5px 
}
li a{
	display: block; text-decoration: none;
}

.links {
	font-size: 1.8em;
	text-align: center;

}

.links .tel{
	text-decoration: none;
	font-size: 0.5em;
	display:inline-block;
	margin: 0 auto;
}

footer {
	margin: 0 auto;
	overflow-x: hidden;
	text-align: center;
	/* Позиционируем footer внизу main */
	position: absolute;
	bottom: 0;
	/* Высота footer по умолчанию */
	width: 100%;
	height: 100px;
	background: black;
  }

@media screen and (max-width:935px){
	.logo{
		width: 60%;
		
	}
	h1, h2 {font-size: 1em;}
}

@media screen and (max-width:512px){
	.logo{
		padding-top: 30%;
	}

}

@media screen and (max-width:400px){
	.logo{
		padding-top: 57%;
		width: 90%;
	}

}