H1, H2, H3, H4 {font-weight: normal;}

.document {
    width: 100%;
    box-sizing: border-box;
  }
  
.document img {
    display: block;
    width: 100%;
    max-width: fit-content;
}

.document H1, 
.document H2, 
.document H3, 
.document H4, 
.document P, 
.document IMG, 
.document OL, 
.document UL {margin-bottom: 10px; line-height: 1.35;}

.document H1 {font-size: 32px; font-weight: bold;}
.document H2 {font-size: 24px; font-weight: bold;}
.document H3 {font-size: 20px; font-weight: bold;}
.document H4 {font-size: 16px; font-weight: bold;}

.document UL, 
.document OL {list-style-position: inside; padding-left: 20px;}

.document LI {margin-bottom:3px;}

.document LI UL, 
.document LI OL {margin-top: 3px;}








/*/////////////////////////////////*/
/*////////// АДАПТИВНОСТЬ //////////*/
/*/////////////////////////////////*/
@media screen and (max-width: 640px) {
    .document H1 {font-size: 26px;}
    .document H2 {font-size: 20px;}
    
    .document H1, 
    .document H2, 
    .document H3, 
    .document H4, 
    .document P, 
    .document IMG, 
    .document OL, 
    .document UL {margin-bottom: 8px;}
}

@media screen and (max-width: 480px) {
    .document H1 {font-size: 22px;}
    .document H2 {font-size: 18px;}

    .document H1, 
    .document H2, 
    .document H3, 
    .document H4, 
    .document P, 
    .document IMG, 
    .document OL, 
    .document UL {margin-bottom: 6px;}  
}