.h-rem-5 {
    height: 5rem;
}

.h-rem-6 {
    height: 6rem;
}

.fs-title {
    font-size: 3rem;
}

.fs-subtitle {
    font-size: 1rem;
}

.fs-tiny {
    font-size: 0.9rem;
}

.underline {
    text-decoration: underline !important;
}

.text-dark-blue {
    color: rgb(15, 33, 86);
}

.bg-dark-blue {
    background-color: rgb(15, 33, 86);
    color: white;
}

.bg-dark-blue:hover {
    background-color: rgb(59, 83, 157);
    color: white;
}

.bg-light-grey {
    background-color: rgb(246, 246, 246);
}

.btn-dark-transparent {
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
}

.btn-dark-transparent:hover {
    color: black;
    background-color: rgba(235, 235, 235, 0.9);
}

/* === Tablet Overrides === */
@media (min-width: 768px) {
    .fs-title {
        font-size: 5rem;
    }

    .fs-subtitle {
        font-size: 1.25rem
    }
}

/* === Desktop Overrides === */
@media (min-width: 992px) {
    .fs-title {
        font-size: 5rem;
    }
}

.header-container {
    width: 100%;
}

@media (min-width: 768px) {
    .header-container {
        margin: 0 auto;
        width: 75%;
    }
}

.section-img {
    width: 100%;
}

@media (min-width: 768px) {
    .section-img {
        margin: 0 auto;
        width: 50%;
    }
}