/********************
HEADER
********************/

#breadcrumb {
    padding: 0.5rem 3rem;
}

/********************
MAIN
********************/

.hero-image {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url("../assets/img/hero-background-mobile.jpg");
    min-height: 340px;
}
.hero-text {
    min-height: 340px;
}

.content {
    padding: 2.5rem 3rem;
}

.top-5,
.grid {
    grid-template-columns: repeat(3, 1fr);
}

/********************
FOOTER
********************/

.footer-top {
    padding: 2.5rem 3rem;
}

.footer-link {
    grid-template-columns: repeat(3, 1fr);
}

.footer-bottom {
    padding: 1rem 3rem;
}