/*Обнуление*/
*{padding:0;margin:0;border:0;}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
:focus,:active{outline:none}
a:focus,a:active{outline:none}
nav,footer,header,aside{display: block;}

.header {
	position: fixed;      /* фиксируем шапку(чтоб не пряталась при скролле) */
	height: 58px;        /* задаем высоту шапки при меню - 95пк */
	width: 100%;          /* ширина */
	padding: 4px 0px 4px 0px; /* внутренний отступ сверху */
	background: #e8e8e8;  /* фон */
	z-index: 50;

}
.header_container1 {
    max-width: 1080px;
    margin: 0px auto 12px;
    padding: 0px 10px;
}
.header_container2 {
    max-width: 1080px;
    margin: 12px auto 12px;
    padding: 0px 10px;
}
.header_body {
	margin: 0px 10px 0px 10px; /* внешний отступ право/лево для body относительно header */
}
.header__row{
	margin: 0px -14px 0px -14px; /* еще раз посмотреть - зачем? */
	display: flex;
}
/* Блок логотипа */
.header__column1 {        
	flex: 0 1 9%;        /* задаем пераметры для флекс контейнера */
	padding: 0px 1px;    /* боковые отступы относительно row */
}
/* Блок заголовка */
.header__column2 {
	flex: 0 1 82%;
	padding: 0px 1px;
	vertical-align: top; /* привязка по верхнему краю */ 
	padding: 1% 0 0 0;   /* задаем отступ сверху, стобы сместить заголовок ближе к центру */
}
.header__item {
	text-align: center;   
}

/* Контейнер картинки */
.header__image {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0% 0px;
	overflow: hidden;    /* Переполнение обрезается (контент, который выходит за размеры будет невидимым).*/
	position: relative;
}
/* Картинка */
.header__image img{
	height:50px;
}
.header_title p{
    text-align: center;   /* распологаем картинку по центру*/
	font-family: "comic sans ms";
	font-weight: 200;
    font-size: 1.5em;
}
.header_text {
	text-align: center;   /* распологаем картинку по центру*/
	font-family: "comic sans ms";
	font-weight: 200;
}

.header_text p{
    height: 40px;
}
/*=========================== МЕНЮ =============================================================*/
.header_menu {
    height:64px;
	width:100%;           /* задаем ширину блоку меню относительно "header" */
	margin: 3px auto;     /* центруем весь блок меню относительно "header" */
	font-family: "comic sans ms";
	text-align: center;   /* центруем ссылки меню относительно блока "header_menu" */
	background: #AFDFDF;
	border: 1px solid #AFDFDF;
	border-radius: 10px;
}
/* обращаемся к li */	
.header_menu li {
	display: inline-block;/*Задаем блочно-строчное отображение, чтобы ссылки расположились в строку*/
    list-style: none;     /* убираем маркеры */
    text-transform: uppercase; /* управл¤ет регистром текста. ѕараметр "uppercase" ѕреобразует все символы в верхний регистр.  */
	font-size: calc(12px + 2 * (100vw / 1280));
	letter-spacing: 1px;  /* увеличивает или уменьшает интервал между символами в тексте */	
	text-decoration: none;/* ”бираем подчеркивание у ссылок */
    margin: 5px 10px 4px 10px; /*Задаем 12px отступы между ссылками*/
}
/* обращаемся к "a" шрифту ссылок*/
.header_menu a {
	color: #000;      /*Цвет для ссылок меню*/
}
/*=========================== МЕНЮ END ==========================================================*/
/* СКРЫВАЕМ ШАПКУ НА МОБИЛКАХ */
@media(max-width:767px){
	body.lock{
		overflow: hidden;
	}
	.header{
		display: none;  
    }
	/* Картинка */
    .header__image img{
	height:50px;
    }
	.logo_mobile{
	    position: fixed;
		width: 100%;          /* ширина */
	    padding: 5px 0px 0px 0px; /* внутренний отступ сверху */
		z-index: 50;
       }
	.mobile_body{
		margin: 0px 10px 0px 10px;
	    padding: 0px 5px;    /* ВНУТРЕННИЕ Поля */
	}
	.header__row{
	margin: 0px -8px 0px -8px; /* еще раз посмотреть - зачем? */
	display: flex;
    }
/* Блок логотипа */
.header__column1 {        
	flex: 0 1 9%;        /* задаем пераметры для флекс контейнера */
	padding: 0px 1px;    /* боковые отступы относительно row */
    }
/* Блок заголовка */
.header__column2 {
	flex: 0 1 82%;
	padding: 0px 1px;
	vertical-align: top; /* привязка по верхнему краю */ 
	padding: 1% 0 0 0;   /* задаем отступ сверху, стобы сместить заголовок ближе к центру */
    }
	.header_text {
	color: #EF035B;
   }
  
   .header_text p{
	font-size: calc(14px + 10 * (100vw / 1280));      /* задает размер шрифта элемента font-size: 22px; */
   }

}
/* СКРЫВАЕМ logo_mobile НА PC */
@media(min-width:767px){
		.logo_mobile{
	    display: none;
       }
}