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

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

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

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

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

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

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








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

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

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