html, body, div, span,  h1, h2, h3, h4, h5, h6, p, a,  img,  strong, sub, table, tr, th, td,  footer, header,menu, nav,  section {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 10px;
	font: inherit;
}
body {
	width: 100%;
	 margin: 0 auto; 
	 font: 0.8125em/1 Palatino Linotype, serif; 
	 background: #fff;
	/* background: rgb(103, 164, 202);*/
	}
h1 {
	font: 1.8em Palatino Linotype, serif;
	margin-bottom: 0.5em;
	/*color: #E76D13;*/
	text-align: center;
}
h1 span { 
	color: #000;
}
/*============================--Сетка журналов --============================*/
/*  Общие стили - Для оформления */

.test-box {
	padding: 10px 0;
}
.test-box:after {
	overflow: hidden;
	content: '';
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
}
ul {		
	margin: 0;
	padding: 0;
	list-style: none;
}
ul {
	font: 14px Palatino Linotype, serif;
	/* Подтягиваем "хвост" */
	margin-bottom: -45px;
}
ul.center {
	text-align: center;
}
ul.justify {
	text-align: justify;
}
ul.cross {
	text-align: center;
}
			
ul.center:after,
ul.justify:after {
	content: ' i i i i i i i i i i i i i i'; 
	word-spacing: 97px; 
	padding-left: 97px;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}
ul li {
	display : inline-block;
	width : 200px;
	margin: 0 0 10px;
	vertical-align: top;
}
	
.helper {
	word-spacing: 97px; 
	padding-left: 97px;
	visibility: hidden;
	/*display: inline;*/
	width: auto;
	height: auto;
	background: none;
}
/*==================================================================*/



/*============================--HEADER--============================*/
.header {
	margin:0 auto; /* Центрируем блоки */
	width:100%; /* Задаем ширину 100%, чтобы сделать ее резиновой */
	max-width:100%; /* Устанавливаем максимальную ширину */
	background:rgb(140, 172, 255);
	padding: 0 0 5px;
	
}
.inline div {
	display:inline-block; /* Делаем блоки по горизонтали */
	vertical-align:bottom; /* Выравниваем их по нижней грани блока */
}/*
div.inline {
	font-size:10px;  Ставим родителю значение 0, чтобы убрать отступы у блоков
} */
.logo {
	width:15%; /*Задаем ширину в процентах чтобы сделать ее резиновой*/
	height:100%; /* Высота блока */
	text-align:center;
}
.logo img{
	max-width: 85%;
}
.txt {
	width:70%;
	height:100%;
	text-align:center;
	min-height: 5em;/**/
}
div.title{
	display:none;
}
.txt img{
	display:inline-block;
	max-width: 100%;
	}
.flag {
	display:inline-block;
	width:13%;
	height:100%;
	text-align:center;
	position:inherit;
}
.flag a{
	padding: 10px 2.5px;
}

@media (max-width:767px) {
/*	div.inline {
		font-size:10px;  Ставим родителю значение 0, чтобы убрать отступы у блоков
	} */
	.inline div {
		display:block; /* Делаем блоки “Блочными”, т.е. друг под другом */
		width:100%; /* Задаем на всю ширину экрана */
		height:100%;
	}
	.logo{
		text-align:center;
	}
	.logo img{
		/*max-width: 30%;*/
		max-height: 125px;
	}	
	.txt img{
		display:none;
	}
	.title{
		display:inline;
		font: 2.75em Palatino Linotype, serif;
		font-weight: bold;
		color: rgb(255, 255, 255);
		text-shadow: 3px 5px 6px rgb(0, 0, 0);
		width: 60%;
		height: 300px;
	}
	.flag{
		text-align:center;
		padding: 10px 0;
	}
}

/*=========================--END--HEADER--=========================*/


/*============================--FOOTER--===========================*/