@media only screen and (min-width: 1200px) {
    .wrapper-header > .menu-opc {
        display: inline-block!important;
    }
    .wrapper-header > .menu-opc > a > img {
        max-width: calc(25% - 3px);
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) {

}

@media only screen and (min-width: 768px) {

    .wrapper-header > .menu-opc > a > img {
        max-width: calc(25% - 3px);
        width: 100%;
    }
    .menu-opc > span {
        display: block;
        width: 25%;
        height: 100%;
    }
    .menu-opc > span > img {
        width: 100%;
        max-width: auto;
    }
}   

@media only screen and (max-width: 767px) {
    .menu-opc {
        position: relative!important;
        display: -webkit-box!important;
        width: 100%!important;
        overflow-x: auto;
        height: auto;
        max-width: 100%;
    }
    .menu-opc > a > img{
        max-width: 174px!important;
    }
    .menu-opc>a{
        display: block!important;
        float: left!important;
    }
    .cierre-footer {
        position: relative!important;
        top: 0!important;
        z-index: -2!important;
    }
    nav{
        background-color: #333!important;
        display: flex!important;
        align-items: center!important;
        justify-content: center!important;
    }
    main{
        margin-top: 100px!important;
    }
    .bloque-informativo > img {
        width: 100%!important;
        position: relative!important; 
    }
    .bloque-unico::before {
        content: '';
        height: 0!important;
    }
    .info > h1 {
        font-size: 2em!important;
    }
    .info {
        width: 90%!important;
    }
}

@media only screen and (max-width: 992px) {
    .content-float {
        left: 0%!important;
    }
    .img-side > img{
        width: 100%!important;
        max-width: 100%!important;
    }
}