main {
    margin-top: 48px;
}

.brands-page .title {
    margin-bottom: 64px;
    font-weight: 500;
    font-size: 36px;
    line-height: 45px;
    color: #C49A6C;
    text-align: center;
}

.brands-page .row {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.brands-page .row .col {
    height: 100%;
}

.brands-page .row .head {
	height: 188px;
    background: #ECECEC;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
}

.brands-page .row .head img {
    max-height: 168px;
}

.brands-page .row .body {
	display: flex;
    height: calc(100% - 188px);
}

.brands-page .row .body img {
    width: 100%;
}

@media(max-width: 768px) {
    .brands-page .row {
        grid-template-columns: repeat(1, 1fr);
        gap: 28px;
    }
    .brands-page .row .head {
        height: 90px;
    }
    
    .brands-page .row .head img {
        max-height: 70px;
    }
    .brands-page .row .body {
        height: calc(100% - 90px);
    }
}