.bl-heading {
    font-weight: 400;
    font-size: 4.5rem;
    line-height: 7.5rem;
    font-family: 'bl--font-typ-1', sans-serif;
}

.bl-paragraph {
    font-weight: 300;
    text-align: justify;
    font-size: 1.125rem;
    line-height: 1.875rem;
    letter-spacing: -0.02em;
    font-family: 'Poppins', sans-serif;
}

.bl-heading--sub-font {
    font-weight: 400;
    font-size: 3.125rem;
    line-height: 6.25rem;
    font-family: 'bl--font-typ-1', sans-serif;
}

@media (min-width: 200px) and (max-width: 499px) {
    .bl-heading {
        font-weight: 400;
        font-size: 2.125rem;
        line-height: 2.125rem;
        font-family: 'bl--font-typ-1', sans-serif;
    }
    
    .bl-paragraph {
        font-weight: 300;
        text-align: justify;
        font-size: 1rem;
        line-height: 1.45rem;
        letter-spacing: -0.02em;
        font-family: 'Poppins', sans-serif;
    }

    .bl-heading--sub-font {
        font-weight: 400;
        font-size: 1.75rem;
        line-height: 4.875rem;
        font-family: 'bl--font-typ-1', sans-serif;
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    .bl-heading {
        font-weight: 400;
        font-size: 2.5rem;
        line-height: 3rem;
        font-family: 'bl--font-typ-1', sans-serif;
    }
    
    .bl-paragraph {
        font-weight: 300;
        text-align: justify;
        font-size: 1rem;
        line-height: 1.45rem;
        letter-spacing: -0.02em;
        font-family: 'Poppins', sans-serif;
    }

    .bl-heading--sub-font {
        font-weight: 400;
        font-size: 1.75rem;
        line-height: 4.875rem;
        font-family: 'bl--font-typ-1', sans-serif;
    }
}

@media (min-width: 768px) and (max-width: 1099px) {
    .bl-heading {
        font-size: 3rem;
        font-weight: 400;
        line-height: 6.125rem;
        font-family: 'bl--font-typ-1', sans-serif;
    }
    
    .bl-paragraph {
        font-weight: 300;
        text-align: justify;
        font-size: 1.025rem;
        line-height: 1.5rem;
        letter-spacing: -0.02em;
        font-family: 'Poppins', sans-serif;
    }

    .bl-heading--sub-font {
        font-weight: 400;
        font-size: 2rem;
        line-height: 5.125rem;
        font-family: 'bl--font-typ-1', sans-serif;
    }
}

@media (min-width: 1100px) and (max-width: 1299px) {
    .bl-heading {
        font-weight: 400;
        font-size: 3.5rem;
        line-height: 6.625rem;
        font-family: 'bl--font-typ-1', sans-serif;
    }
    
    .bl-paragraph {
        font-weight: 300;
        text-align: justify;
        font-size: 1.050rem;
        line-height: 1.5rem;
        letter-spacing: -0.02em;
        font-family: 'Poppins', sans-serif;
    }

    .bl-heading--sub-font {
        font-weight: 400;
        font-size: 2.25rem;
        line-height: 5.375rem;
        font-family: 'bl--font-typ-1', sans-serif;
    }
}

@media (min-width: 1300px) and (max-width: 1499px) {
    .bl-heading {
        font-weight: 400;
        font-size: 3.75rem;
        line-height: 5rem;
        font-family: 'bl--font-typ-1', sans-serif;
    }
    
    .bl-paragraph {
        font-weight: 300;
        text-align: justify;
        font-size: 1.075rem;
        line-height: 1.5rem;
        letter-spacing: -0.02em;
        font-family: 'Poppins', sans-serif;
    }

    .bl-heading--sub-font {
        font-weight: 400;
        font-size: 2.75rem;
        line-height: 5.875rem;
        font-family: 'bl--font-typ-1', sans-serif;
    }
}

@media (min-width: 1500px) and (max-width: 1700px) {
    .bl-heading {
        font-size: 4rem;
        font-weight: 400;
        line-height: 7.125rem;
        font-family: 'bl--font-typ-1', sans-serif;
    }
    
    .bl-paragraph {
        font-weight: 300;
        text-align: justify;
        font-size: 1.100rem;
        line-height: 1.5rem;
        letter-spacing: -0.02em;
        font-family: 'Poppins', sans-serif;
    }

    .bl-heading--sub-font {
        font-size: 3rem;
        font-weight: 400;
        line-height: 6.125rem;
        font-family: 'bl--font-typ-1', sans-serif;
    }
}