body {
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.Galeria {
font-family:'open-sans';
}
    .ModuloP h1,h2 {
        text-align:center;
        margin:20px 0 15px 0;
        font-weight:300;
    }

.lineaP {
    /*background: url("../Images/LineaArauca.png") no-repeat;*/
    border-top:5px solid #add5ee;
    margin-top:20px;
}

.Contenedor-Imagenes {
    display:flex;
    width:85%;
    margin:auto;
    justify-content:space-around;
    flex-wrap:wrap;
    border-radius:10px;
}

    .Contenedor-Imagenes .Imagen {
        width:20%;
        position:relative;
        height:150px;
        border-radius:10px;
        margin-top:10px;
        margin-bottom:5px;
        box-shadow: 0px 0px 3px 0px rgba(0,0,0,75);
    /*top: -12px;
    left: -5px;*/
}

/*.btnModulo {
    width:10%;
    position:relative;
}*/

.Imagen img {
    /*margin-top:0%;*/
    width:100%;
    height:60%;
    bottom:0;
    left:0;
    border-radius:10px;
    -o-object-fit:cover;
}

.overlayM {
    position:absolute;
    border-radius:10px;
    bottom:0;
    left:0;
    background:rgba(52, 100, 31, 0.60);
    /*background:rgba(12, 254, 31, 0.60);*/
    /*background:rgba(0,118,192,0.640);*/
    width:100%;
    height:0;
    transition: .5s ease;
    overflow:hidden;
}

    .overlayM h2 {
        color:#fff;
        font-weight:300;
        font-size:30px;
        position:absolute;
        top:50%;
        left:50%;
        text-align:center;
        transform:translate(-50%, -50%);
    }

.Imagen:hover .overlayM {
    height:100%;
    cursor:pointer;
}

@media screen and (max-width:1000px) {
    .Contenedor-Imagenes {
        width: 95%;
    }
}

@media screen and (max-width:700px) {
    .Contenedor-Imagenes {
        width: 90%;
    }
    .Contenedor-Imagenes .Imagen {
        width: 48%;
    }
}

@media screen and (max-width:450px) {
    h1 {
        font-size:22px;
    }
    .Contenedor-Imagenes {
        width: 98%;
    }
    .Contenedor-Imagenes .Imagen {
        width: 80%;
    }
}