#panini{
    background: #ffdc00;
}
#panini h1 .image{
    display: block;
    max-width: 300px;
    margin: 0 auto;
    position: relative;
}
#panini h1 .image:before{
    content: "";
    display: block;
    height: 100%;
    padding-bottom: 23%; 
}

#panini .carousel-list li .image{
    background-size: 150%;
}

/* AMPLIADO */

#panini.ampliado{
    text-align: left;
}
#panini.ampliado .cols .col{
    vertical-align: middle;
}

#panini.ampliado .title,
#panini.ampliado .text{
    color: #bc002b;
}
#panini.ampliado .text{
    margin-top:10px;
}
#panini.ampliado .image{
    position:relative;
    background-size: contain;
}
/*#panini.ampliado .image:before{
    content: "";
    display: block;
    height: 100%;
}*/

@media (min-width:768px){

    .carousel-list{
        margin-top: 50px;
    }

}
@media (min-width:980px){
    #panini h1 .image{
        max-width: 400px;
    }
}