﻿@media (max-width: 992px) {
    /* .nav-link {
        padding: 1rem;
    }

    #navbarNav {
        width: 100%;
        position: absolute;
        top: 80px;
        left: 0px;
        background: rgb(255, 255, 255);
        padding: 15px;
    }
*/
    /*FIN bootstrap*/

    #menuFlotante {
        display: flex;
    }

    #menu {
        width: 100%;
    }



    /* .itemMenu a {
            display: flex;
            justify-content: center;
            align-items: center;
        }*/

    .itemMenu img {
        width: 250px;
        width: 250px;
        height: 150px;
        padding: 0 10px;
    }

    .header {
        justify-content: space-between important;
        padding: 5px 10px !important;
    }

    .nav-link {
        padding: 1rem;
    }

    #galeria {
        grid-template-columns: 1fr;
    }

    .card {
        margin: 15px 0;
    }

        .card img {
            height: 300px !important;
        }

    #botonesCompartir {
        bottom: 0;
        top: auto;
        right: -196px;
    }

    #botonesRedes {
        flex-direction: row;
        height: auto;
        height: 56px;
    }

    /*buscador*/

    .itemBus {
        width: 45%;
    }

    #inputBuscador {
        font-size: 2.5rem;
    }

    #resBuscador .itemBus {
        width: 30%;
    }

    #navbarNav {
        width: 100%;
        position: absolute;
        top: 80px;
        left: 0px;
        background: rgb(255, 255, 255);
        padding: 15px;
    }

    #iconoMenu {
        right: 45px;
    }
}


@media (max-width: 576px) {

    /*FIn bootstrap*/
    .itemsfooter {
        flex-direction: column;
    }

    #inputBuscador {
        font-size: 1.8rem;
        padding: 3px 7px 3px 0;
    }

    #resBuscador .itemBus {
        width: 46%;
        padding: 0;
        margin: 2px 0;
    }



    #iconoMenu:before {
        font-size: 1.5rem;
    }

    .itemMenu {
        width: 100%;
    }

        .itemMenu a {
            display: block;
        }
}
