.brandsbg {
    background-color: #F2F2F2;
}

.brands {
    margin: auto;
    width: 70%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.brands h2{
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 10px;
    font-weight: 600;
    opacity: 0.8;
}

.linebrands{
    width: 100%;
    background: linear-gradient(90deg, rgba(242,242,242,1) 0%, rgba(160,160,160,1) 50%, rgba(242,242,242,1) 100%);
    height: 2px;
}

.headerbrands {
    color: black;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 48px;
    margin-top: 50px;
    margin-bottom: 0;
    padding: 0;
}

.box1brands,
.box2brands,
.box3brands,
.box4brands,
.box5brands,
.box6brands,
.box7brands,
.box8brands,
.box9brands,
.box10brands,
.box11brands,
.box12brands,
.box13brands,
.box14brands,
.box15brands,
.box16brands,
.box17brands,
.box19brands,
.box18brands {
    width: 150px;
    height: 150px;
    margin: 17.5px;
    background-position: center;
        background-size:contain;
        background-repeat: no-repeat;
    transition: all 0.5s;
}

.box1brands {
    background-image: url(img/silhouette.png);
}

.box2brands {
    background-image: url(img/tomford.png);
}

.box3brands {
    background-image: url(img/vistan.png);
}

.box4brands {
    background-image: url(img/Versace.png);
}

.box5brands {
    background-image: url(img/dolcegabanna.png);
}

.box6brands {
    background-image: url(img/rayban.png);
}

.box7brands {
    background-image: url(img/earmani.png);
}

.box8brands {
    background-image: url(img/vogue.png);
}

.box9brands {
    background-image: url(img/sferoflex.png);
}

.box10brands {
    background-image: url(img/arnette.png);
}

.box11brands {
    background-image: url(img/solano.png);
}

.box12brands {
    background-image: url(img/nanovista.png);
    background-size: cover;
}

.box13brands {
    background-image: url(img/nikon.png);
}

.box14brands {
    background-image: url(img/shamir.png);
}

.box15brands {
    background-image: url(img/omegaoptix.png);
}

.box16brands {
    background-image: url(img/bausch.png);
}

.box17brands {
     background-image: url(img/Alcon.png);
    margin-bottom: 50px;
}

.box18brands {
    background-image: url(img/annemarii.png);
}

.box19brands {
    background-image: url(img/royrobson.png);
}


@media only screen and (max-width: 1400px) {
    .headerbrands {
        font-size: 38.4px;
    }
     .box1brands,
.box2brands,
.box3brands,
.box4brands,
.box5brands,
.box6brands,
.box7brands,
.box8brands,
.box9brands,
.box10brands,
.box11brands,
.box12brands,
.box13brands,
.box14brands,
.box15brands,
.box16brands,
.box17brands,
     .box19brands,
    .box18brands {
        height: 120px;
        width: 120px;
    }
    .brands h2{
        font-size:19.2px;
}
}

.box13brands:hover{
    opacity: 0.6;
}
.box14brands:hover{
    opacity: 0.6;
}
.box15brands:hover{
    opacity: 0.6;
}

@media only screen and (max-width: 650px) {
    .headerbrands {
        font-size: 36px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .box1brands,
.box2brands,
.box3brands,
.box4brands,
.box5brands,
.box6brands,
.box7brands,
.box8brands,
.box9brands,
.box10brands,
.box11brands,
.box12brands,
.box13brands,
.box14brands,
.box15brands,
.box16brands,
.box17brands,
    .box19brands,
    .box18brands {
        width: 85px;
        height: 85px;
    }
    .brands{
        width: 100%;
    }
}