@media( max-width:700px){
    .logo{
        max-width:150px;
    }
}

@media(min-width: 701px) and (max-width: 1200px){
    .logo {
        max-width:150px;
    }
}

@media(min-width: 414px) and (max-width: 575px){

    .col-sm-2{
        padding-left: 135px;
    }
   
}

@media(min-width: 360px) and (max-width: 376px){

    .col-sm-2{
        padding-left: 140px;
    }

    body { overflow-x: hidden;}
   
}


@media(min-width: 376px) and (max-width: 413px){

    .col-sm-2{
        padding-left: 160px;
    }

    body { overflow-x: hidden;}
   
}

@media(max-width:800px){
    
    body { overflow-x: hidden;}
    
    .masthead{
        height:700px;
    }

    .img-fluid {
        height: 250px !important;
    }
    .img-blume { 
        max-width: 100%;
        height: auto;

    }

    .img-anima {
        max-width: 100%;
        height: auto;

    }
    .img-enjoy {
        max-width: 100%;
        height: auto;

    }
    
    .img-brigatto {
        max-width: 100%;
        height: auto;

    }
    
    .img-plaxmetal {
        max-width: 100%;
        height: auto;

    }
    .img-frisokar{
        max-width: 100%;
        height: auto;
    }

    .img-artesano{
        max-width: 100%;
        height: auto;
    }

    .img-motiva{
        max-width: 100%;
        height: auto;
    }
    .img-kappesberg{
        max-width: 100%;
        height: auto;
    }

    .img-maranelo{
        max-width: 100%;
        height: auto;
    }

    .img-ferrus{
        max-width: 100%;
        height: auto;
    }

    .img-pandin{
        max-width: 100%;
        height: auto;
    }

    .img-rch {
        max-width: 100%;
        height: auto;

    }

    .img-ufizzi {
        max-width: 100%;
        height: auto;
    }

    .img-eucatex {
        max-width: 100%;
        height: auto;
    }
     
}

@media(min-width:360px) and (max-width:800px){
    .img-vermais{
        height: 50px;
    }
}

@media(max-width:375px){

    .col-sm-2{
        padding-left: 30%;
    }
   
}