body {
background-color: #f5f5f5; 
display: flex;
align-items: center;
flex-direction: column; 
font-family: "Manrope", Sans-serif; 
}

.glav {
padding-top: 40px;
width: 100%;
max-width: 1200px;
display: flex;
flex-direction: column;
margin-top: 40px;
align-items: flex-start;
}

.nazvanie {
width: 100%;
font-size: 24px;
font-weight: 600;
padding-left: 20px;
max-width: 950px;
margin-top: 30px;
display: inline-block; /* Устанавливаем ширину элемента равной содержимому */
}

.text {
width: 100%;
max-width: 950px;
margin-left: 30px;
font-size: 17px;
margin-bottom: 40px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 5px;
margin-right: 20px; 
}

.number {
border-radius: 50%;
padding: 10px;
padding-left: 18px;
padding-right: 18px;
background-color: #0067B8;
display: inline-block;
font-size: 21px;
color: white;
font-weight: 700;
margin-right: 15px;
}

.img {
width: 100%;
max-width: 950px;
padding-left: 20px;
margin-bottom: 18px;
padding-right: 20px;
margin-left: 20px;
margin-top: 18px;  
}

.img img {
width: auto;  /* Ширина изображения автоматически соответствует его настоящему размеру */
height: auto; /* Высота изображения автоматически соответствует его настоящему размеру */
max-width: 100%; /* Максимальная ширина изображения - 100% от ширины родительского элемента */
border-radius: 10px;
box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.2); 
}

#voskl {
background-color: yellow;
color: black;
font-size: 25px;
font-weight: 800;
padding-left: 21px;
padding-right: 21px;  
}

.posle10 {
padding-left: 14px;
padding-right: 14px;
}


.text {
width: 100%;
max-width: 1000px;
margin-left: 10px; 
font-size: 17px;
margin-bottom: 30px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 5px;
margin-right: 20px; 
text-align: justify;
margin-top: 20px;
}

.glav img {
width: 70%;
height: auto;
}



.nazvanie::after {
  content: ''; /* Обязательное свойство для псевдоэлементов */
  display: block; /* Делает псевдоэлемент блочным */
  border-bottom: 2px solid #0067B8; /* Черная линия снизу */
  margin-top: 5px; /* Регулируемое расстояние от текста до линии */
  width: 100%; /* Ширина линии равна ширине элемента */
} 

.soderjanie {
margin-top: 0px; 
}




@media (min-width: 950px) {

.glav {
background-color: white;
max-width: 1000px;
padding-left: 20px;
padding-right: 40px; 
border-radius: 10px; 
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
margin-bottom: 40px;  
}


  
}

@media (max-width: 950px) {
 
.text {
max-width: 95%;
margin-right: 10px;
}  

.img {
padding-left: 0px;
padding-right: 0px;  
}

.glav {
align-items: flex-start;  
}

.nazvanie {
margin-top: 40px;
margin-bottom: 20px;
padding-right: 10px;
max-width: 100%;
padding-left: 10px;
}

.img img {
width: 100%;
max-width: 100%;
}

.glav img {
width: 100%;
max-width: 100%;
}

}