html,
body {
    font-family: 'Cabin', sans-serif;
}

.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 {
    font-weight: 600;
    margin-block-end: 1rem;
}

.h1:last-child, h1:last-child,
.h2:last-child, h2:last-child,
.h3:last-child, h3:last-child,
.h4:last-child, h4:last-child,
.h5:last-child, h5:last-child,
.h6:last-child, h6:last-child {
    margin-block-end: 0;
}

p {
    margin-block-end: .75rem;
}

p:last-child {
    margin-block-end: 0;
}

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

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

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

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

@media (min-width: 1200px) {
    /* Misc. */
    .h1, h1 {
        font-size: 4.5rem;
    }

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

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

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