section {
margin: auto;
max-width: 1300px;
padding: 0px;
background: #fffcf5;
text-align: justify;
font-family: Verdana, Geneva, Arial, Helvetica, Times New Roman, Times;
}
h1 {
font-size: 25pt;
margin-bottom: 25px;
text-align: center;
}
h2 {
font-size: 18pt;
margin-bottom: 25px;
padding: 1px;
text-align: center; 
}
h3 {
font-size: 16pt;
margin-bottom: 25px;
padding: 1px;
text-align: center;
}

h4 {
font-size: 14pt;
margin-bottom: 25px;
padding: 1px;
}
p {
font-size: 15pt;
text-indent: 2em;
line-height: 1.5;
margin-bottom: 0.5em;
padding: 10px;
}

div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/*сss шапки начало*/
header {
margin: 0;
 height: 223px;
}


#header0, #risynok {
    position: relative; /* Относительное позиционирование */
   } 
 #header0 {
   height: 100px;
  background: #ff973f;
  margin-bottom: 0.5%;
  }
  
#risynok {

 height: 200px;
 width: 200px;
 border: 5px solid #ff973f;
  border-radius: 100px;
  top: -51px;
  float: right;
 right: 125px;
 overflow: hidden;
}
 #header0 {z-index: 1; }
 #risynok {z-index: 2; }
 .header1 {z-index: 3;}
 
 
 @media screen and (max-width: 900px) {
 #risynok {

 height: 150px;
 width: 150px;
 border: 5px solid #ff973f;
  border-radius: 100px;
  top: -40px;
  float: right;
 right: 18%;
 overflow: hidden;
}}
#kot {
height: 200px;
 width: 200px;
}

 @media screen and (max-width: 900px) {
#kot {
height: 150px;
 width: 150px;
}}
 
.header1 {
position: relative; /* Относительное позиционирование */
margin-top: 1%;
margin-left: 2%;
margin-right: 2%;
top: 45px;
float: right;
right: -165px;
}
@media screen and (max-width: 900px) {
.header1 {
margin: auto;
top: 45px;
right: -100px;
}} 

#chapka {
	font-size: 300%;
	padding: 0;
	margin: 0; 
 text-indent: 0;
	color: rgb(255, 255, 255); /* Цвет текста */
	text-shadow:#000000 1px 1px 0, #000000 -1px -1px 0, #000000 -1px 1px 0, #000000 1px -1px 0,
	#000000 2px 2px 0, 
                 #000000 3px 3px 0, #000000 4px 4px 0, 
                 #000000 5px 5px 0;
	font-weight: 00; /* Жирное начертание */
}

@media screen and (max-width: 900px) {
	#chapka {
	text-align:  center;
font-size: 250%;
}}

@media screen and (max-width: 600px) {
	#chapka {
	font-size: 25px;
}}

.header2 {
width: 475px;
height: 65px;
padding: 1px;
margin-top: 18px;
margin-left: 2%;
margin-right: 1%;
float: left;
overflow: hidden;
text-align: centr;
}

@media screen and (max-width: 1161px) {
.header2 {
margin-top: -65px;
}}
@media screen and (max-width: 1048px) {
.header2 {
margin-right: 0;
margin-top: -52px;
}}
@media screen and (max-width: 900px) {
.header2 {
margin-top: -30px;
 width: 97%;
}}

.clear {
clear: both;
}
#desktop1 {
width: 469px;
height: 61px;
margin: auto;
}
/*сss шапки конец*/ 

/* контент */

.i { 
vertical-align: top;
 }
@media screen and (max-width: 800px) {
.i {
display: block;
width: 100%
}
}
.i2 {
border-left: 1px solid #ff973f;
}
@media screen and (max-width: 800px) {
.i2 {
border-left: 0;

}
}

@media screen and (max-width: 800px) {
.i1 {
display: none;
}
}
.i3 {
	display: none;
}
@media screen and (max-width: 800px) {
.i3 {
display: inline-block;
}
}
 article {
 
    display: block; /* Блочный элемент */
	text-align: justify;
	padding: 10px;
	
	
   }
 
 aside {
	width: 250px;
	height: 100%; /* Высота блока */
    display: block;   
    position: sticky; /* Фиксированное положение */
	top: 30px;	
	text-align: left;
   }
  
@media screen and (max-width: 800px) {
aside {
width: 100%;
text-align: justify;
margin: auto;
}
}

.aside {
border-top: 100px solid #4FC9FD;
border-bottom: 100px solid #4FC9FD;
}

.round {
padding:0;
border: 4px solid #ff973f;
border-radius: 10px;
height: 320px;
width: 320px;

}
@media screen and (max-width: 989px) {
.round {
height: 220px;
width: 220px;

}
}

.p {
width: 50%;
height: 320px;
}
@media screen and (max-width: 989px) {
.p {
height: 220px;
width: 55%;
}
}

.L {
float: left;
}

.R {
float: right;
}

.img {
padding: 0;
width: 150px;
border: 4px solid #ff973f;
border-radius: 15px;
float: left;
margin-right: 10px;
margin-bottom: 15px;
}


.p1 {
padding: 0;
border-radius: 15px;
width: 98%;
}
.p1 a {
   text-decoration: none;
   color: #000000;
   }
   
   .RE0 {
border: 1px solid #ff973f;
width: 100%;
height: 320px;
text-align: center;
overflow: hidden;
}
@media screen and (max-width: 989px) {
.RE0 {
height: 220px;
}
}

.RE {
margin: auto;
text-align: center;
border: 1px solid #ff973f;
padding: 0;
width: 98%;
height: 150px;
overflow: hidden;
}

.clear1 {
border: 1px solid #ff973f;
clear: center;
}

.vipod {
width: 100%;
text-decoration: none;
   color: #000000;
}
.vipod-content {
 display: none;
  padding-left: 100px;
}

.vipod:focus ~ .vipod-content, 
.vipod:active ~ .vipod-content, 
.vipod-content:hover 
{display: block;}

.stih {
		width: 500px; 
		margin: auto;
		}
.stih p {
		margin: auto;
		padding: 5px;
		}

   /* конец контента */ 
   
    /* meny */
   nav {     
   margin: 1px;
   padding-top: 10px;
   height: 35px;
   border-top: 1px solid #ff973f; 
   border-bottom: 1px solid #ff973f;
   text-align: center;
   }
   
    ul.hr {
   margin-top: 4px;
	
    padding: 0; /* Значение полей */
   }
    @media screen and (max-width: 900px) {
       ul.hr {
  	margin-left: 1%;	
   }
   }
    
   ul.hr li {
    display: inline; /* Отображать как строчный элемент */
    margin-left: 15px; /* Отступ слева */
	line-height: 1,9;    
	padding-left: 15px;
	color: #000000; /* Цвет текста */	
	font-size: 20pt;
	font-family: Arial, Helvetica, Times New Roman, Times;	
   }
    @media screen and (max-width: 1250px) {
   ul.hr li {
    margin-left: 5px; /* Отступ слева */
	padding-left: 5px;
	font-size: 17pt;
	   }
   }
  @media screen and (max-width: 1013px) {
   ul.hr li {
    margin-left: 2px; /* Отступ слева */
	padding-left: 2px;
	font-size: 15pt;
	}
   }
   @media screen and (max-width: 900px) {
   ul.hr li {   
	font-size: 15pt;
	}
   }
  
   ul.hr a {
   text-decoration: none;
   color: #000000;
   }   
	  
   .krohkI {
padding: 0;
margin: 0;
font-size: 88%;
text-indent: 2%; /* Отступ первой строки */
width: 100%

}
.krohkI li {
display: inline; /* Отображать как строчный элемент */
}
.krohkI a {
text-decoration: none;
   color: #000000;
}
  
   /* конец меню */
   
   /*футер начало */
 footer{
  display: block;
  height: 100px;
  background: #ff973f; 
  margin-bottom: 0.5%;
  text-align: center;
  }
  
  footer p {
  font-size: 150%;
	margin-top: 10px;
	text-indent: 0;
	padding: 15px;
	
	color: rgb(255, 255, 255); /* Цвет текста */
	text-shadow:#000000 1px 1px 0, #000000 -1px -1px 0, #000000 -1px 1px 0, #000000 1px -1px 0,
	#000000 2px 2px 0, 
                 #000000 3px 3px 0, #000000 4px 4px 0, 
                 #000000 5px 5px 0;
	font-weight: 00; /* Жирное начертание */
	}
	
		
	footer p a {
	text-decoration: none;
	color: rgb(255, 255, 255);
	}
	
	footer p a:hover {
		color: #4FC9FD; /* Цвет ссылки при наведении на нее курсора мыши */
	}
	
  /*конец футера */