h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: #2E2E2E;
    margin: 0px; 
    line-height: 1.5;
}

h1 {font-size: 45px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

@media (min-width: 360px) {
    .title-xl {font-size: 30px;}
    .title-lg {font-size: 22px;}
    .title-md {font-size: 19px;}
    .title-sm {font-size: 18px;}
}

@media (min-width: 768px) { 
    .title-xl {font-size: 35px;}
    .title-lg {font-size: 24px;}
    .title-md {font-size: 19px;}
    .title-sm {font-size: 18px;}
}

@media (min-width: 992px) {
    .title-xl {font-size: 40px;}
    .title-lg {font-size: 28px;}
    .title-md {font-size: 19px;}
    .title-sm {font-size: 18px;}
}

@media (min-width: 1200px) {
    .title-xl {font-size: 45px;}
    .title-lg {font-size: 32px;}
    .title-md {font-size: 24px;}
    .title-sm {font-size: 20px;}
}

.text-tiny {
    font-size: 12px;
}

.text-small {
    font-size: 14px;
}