.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
}

.h1, h1 {
    font-size: 2.8rem;
}

.h2, h2 {
    font-size: 2.6rem;
}

.h3, h3 {
    font-size: 2.2rem;
}

.h4, h4 {
    font-size: 2rem;
}

.h5, h5 {
    font-size: 1.8rem;
}

.h6, h6 {
    font-size: 1.6rem;
}

@media (min-width: 768px) {
    .h1, h1 {
        font-size: 3.6rem;
    }

    .h2, h2 {
        font-size: 3.2rem;
    }

    .h3, h3 {
        font-size: 2.8rem;
    }

    .h4, h4 {
        font-size: 2.4rem;
    }

    .h5, h5 {
        font-size: 2rem;
    }

    .h6, h6 {
        font-size: 1.75rem;
    }
}