.cabecera {
    position: relative;
    z-index: 1;
    height: 400px;
    padding:15px;
    padding-top:30px;
    padding-bottom:60px;
}

.cabecera .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../img/banner-main.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    opacity: .6;
    width: 100%;
    height: 100%;
}
.header {
    background-color:#ffffff;
    padding-bottom:25px;
}
.producto {
    background-color:#ffffff;
    padding:15px;
    padding-top:20px;
    padding-bottom:30px;
}
.contacto {
    background-color:#f2f2f2;
    padding:15px;
    padding-top:20px;
    padding-bottom:20px;
}
.footer {
    background-color:#d9d9d9;
    padding:15px;
    padding-top:5px;
    padding-bottom:5px;
}
/* Landscape phones and down */
@media (max-width: 480px) {
    .cabecera {
    height: 300px;
    }   
}