/* Explain: App-specific layout utilities (add as needed). */
.container-brand {
    width: 100%;
    max-width: 80rem;
    margin-inline: auto;
    padding-inline: 1rem;
}

@media (min-width: 640px) {
    .container-brand {
        padding-inline: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .container-brand {
        padding-inline: 2rem;
    }
}

.section {
    padding-block: 4rem;
}

@media (min-width: 1024px) {
    .section {
        padding-block: 6rem;
    }
}

.section-head {
    max-width: 46rem;
}

.section-dark {
    background: var(--secondary-color);
    color: #ffffff;
}