h1, h2, h3, h4, h5, h6 {
     margin: 5px 0; 
    margin-bottom: 15px;
     color: var(--title-color);
    }

.h1,h1 {
    line-height: 1.0625
}

.h2,h2 {
    line-height: 1.0714
}

.h3,h3 {
    line-height: 1.05
}

.h4,h4 {
    line-height: 1.0666
}

.h5,h5 {
    line-height: 1.25
}

.h6,h6 {
    line-height: 1.1428
}

.h1,h1 {
   
    font-size: 48px;
   
}

.h1 {
    display: block
}

.h2,h2 {
   
    font-size: 36px;
   
}

.h2 {
    display: block
}

.h3,h3 {
   
    font-size: 28px;
   
}

.h3 {
    display: block
}

.h4,h4 {
   
    font-size: 24px;
   
}

.h4 {
    display: block
}

.h5,h5 {
   
    font-size: 20px;
   
}

.h5 {
    display: block
}

.h6,h6 {
   
    font-size: 16px;
   
}

.h6 {
    display: block
}

@media(max-width: 991px) {
    .h1,h1 {
       
        font-size: 36px;
       
    }

    .h2,h2 {
       
        font-size: 28px;
       
    }

    .h3,h3 {
      
        font-size: 24px;
       
    }

    .h4,h4 {
       
        font-size: 20px;
       
    }

    .h5,h5 {
       
        font-size: 18px;
       
    }

    .h6,h6 {
       
        font-size: 14px;
       
    }
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  
    color: var(--title-color);
}