* { 
	margin: 0;                           /* обнул¤ютс¤ отступы снаружи элементов*/
	padding: 0;                           /* обнул¤ютс¤ отступы внутри элементов */
}

html {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
/* 	 overflow-y: scroll; */
}

*, *:before, *:after {
  box-sizing: inherit; /* наследуем свойство box-sizing */
}

html, body {
  margin:0;
  padding:0;  
}


body {
		height: 100%;
	background:rgba(173, 228, 239, 0.25); 
	overflow-y: scroll; /* Добавлено для того, чтобы страница не дергалась при появлении полосы прокрутки */
/* динамический шрифт, зависит от размера экрана */  
	font: 17px 'Times new roman'/* 'Verdana' */; 
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
	
}
textarea{resize: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

table { /* border-collapse: collapse; */ border-spacing: 0; }
img { border: 0; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

/*
========================================
Вспомогательные классы
========================================
*/
.hidden{
	display:none;
}

.hide {
    display: none;
}
 
.show {
    display: block;
}  

.center {
	text-align:center;
}

p.img {
	font-size:0.7em;
	text-align:center !important;
	font-style:italic;
	text-indent:0;
	width:80%;
	margin: 0 auto;
}