/*
==========
Styles for gallery.
==========
*/

.container__clients{
    width: 100%;
    height: auto;
}

.container__clients > .container__title{
    width: 100%;
    text-align: center;
    padding-top: 3em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
}

.container__clients .container__title .title__one{
    color: var(--redwine-color);
    margin: 0;
}

.container__clients .container__description .description{
    color: var(--dark-color);
    padding-top: 2em;
    text-align: center;
    padding-bottom: 3em;
}

.clients__brands{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2em;
    flex-wrap: wrap;
    margin-bottom: 3em;
}

.brand__client{
    width: auto;
    height: 200px;
}

/*
==========
Styles for screens up to 300px.
==========
*/

@media (max-width: 300px) {
    .brand__client{
        width: calc(100% - 3em);
        height: auto;
    }
}