.brand-container {
    width: 15%;
    height: 50%;
    margin-top: 40px;
}

.top-buffer {
    margin-top: 240px;
}

.col-buffer-sm {
    margin-top: 240px;
}

.footer-spacing {
    margin-top: 120px;
}

header {
    background: white;
    height: 30vh;
    background-size: cover;
}

.page-title {
    font-family: 'Alata';
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #4A2815;
    text-align: center;
    font-weight: 400;
    font-size: 2rem;
}

.title-section {
    width: 100%;
    height: 30vh;
    background: linear-gradient(rgb(255, 255, 255), #FEF7F7);
}

.wrap {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
}

.row-spacing {
    margin-top: 80px;
}

.brands-text {
    background-image: url(../images/background/solid-surface-corian-sand-storm.jpg);
    background-size: cover;
    height: 40vh;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
}

.carousel {
    padding-top: 50px;
    padding-left: 50px;
    height: 30vh;
    background-image: url(../images/background/solid-surface-corian-sand-storm.jpg);
    background-size: cover;
}

.carousel-item {
    width: 80%;
}

@media(min-width: 760px) {
    .col-buffer-sm {
        margin-top: 0px;
    }
    .footer-spacing {
        margin-top: 120px;
    }
    .brands-text {
        flex-direction: row;
    }
    .brand-container {
        margin: auto;
    }
    .footer {
        margin-top: 0px;
    }
    .page-title {
        font-size: 3.5rem;
    }
    header {
        height: 30vh;
    }
}