.gallery-container {

    width: 100%;

    min-height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 50px 8%;

}



.gallery {



    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));

    grid-gap: 15px;

}



    .gallery a img {

        width: 100%

    }



        .gallery a img:hover {

            width: 100%;

            opacity: 0.4;

            /*border:1px solid white;*/

        }



    .gallery a span {

        color:white;

        text-decoration:none;

    }



/*    .gallery a span:hover {

        color: silver;

        text-decoration: underline;

    }*/









.tooltip-inner {

    max-width: 236px !important;

    height: 76px;

    width:300px;

    font-size: 12px;

    padding: 10px 15px 10px 20px;

    background: #e1cece;

    color: rgba(0, 0, 0, .7);

    border: 1px solid #737373;

    text-align: center;

}



.tooltip.show {

    opacity: 1;

}