.contenedor {
    width: 600px;
    height: 600px;
}

.contenedor300 {
    width: 300px;
    height: 300px;
}

.contenedor600 {
    width: 600px;
    height: 300px;
}

.efecto {
    width: 100%;
    height: auto;
    opacity: 1;

}

.efecto :hover {
    opacity: 0;
    transition: all 0.6s;
}

.efecto1 {
    width: 100%;
    height: auto;
    opacity: 1;

}

.efecto1 :hover {
    opacity: 0;
    transition: all 0.6s;
}

.mover {
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateY(-600px);
    transition: 0.9s;
    padding: 20px;

}

.mover1, .mover2, .mover3, .mover4 {
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateY(-300px);
    transition: 0.9s;
    padding: 20px;

}

.mover:hover {
    opacity: 1;
    background-color: #28A8DF;
}

.mover1:hover {
    opacity: 1;
    background-color: #D62080;
}

.mover2:hover {
    opacity: 1;
    background-color: #000;
}

.mover3:hover {
    opacity: 1;
    background-color: #EEDD24;
}

.mover4:hover {
    opacity: 1;
    background-color: #28A8DF;
}

.hero-section-full-height-1 {
    height: 1000px;
    min-height: 680px;
    position: relative;
}

.doble2{
    display: flex;
    flex-direction: row;
}

#galeriaC {
    transform: translateX(4%);
}