html {
    -webkit-font-smoothing: antialiased;
}

body {
    margin: 0 auto;
    background: #ffffff;
    height: 100%;
}
.containerfull {width: 100%;}
.container {width: 1200px; margin: 0 auto; text-align: center;}
.header { 
    text-align: center;
    background: #FFF4F8;
    border-bottom: 6px solid #5a2b1c;
    height: 100%;
    width: 100%;
}

.tablet {display: none;}
.mobil {display: none;}

.text { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; padding: 20px 0;}
.text span{ font-size: 20px; font-weight: 600; display: block; padding: 10px 0;}

.brands ul {list-style-type: none;margin: 30px 0; padding: 0 15px;}
.brands ul li {float: left; margin: 20px 10px;}
.brands ul li a {}
.brands ul li img {width:270px;}


@media  screen and (max-width: 375px) {
    .container {width: 100%;}
    .brands ul li img {width:150px;}
    .web {display: none;}
    .tablet {display: none;}
    .mobil {display: block;}
    .mobil img {width: 90%;}
}

@media only screen and (max-width: 600px) and (min-width: 376px){
    .container {width: 100%;}
    .brands ul li img {width:160px;}
    .web {display: none;}
    .tablet {display: none;}
    .mobil {display: block;}
    .mobil img {width: 90%;}
}

@media  only screen and (max-width: 768px) and (min-width:600px){
    .container {width: 100%;}
     .brands ul li img {width:226px;}
    .web {display: none;}
    .mobil {display: none;}
    .tablet img {width: 100%;}
    .tablet {display: block;}
}

@media  only screen and (max-width: 1024px) and (min-width:769px){
    .container {width: 100%;}
     .brands ul li img {width:228px;}
    .web {display: none;}
    .mobil {display: none;}
    .tablet {display: block;}
    .tablet img {width: 100%;}
}