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

.containerform-contacto{
    margin-top: -13vw;
}

/*Contacto*/

.contactos{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
   
    margin: 6vw 0;
}

.cont-col{
    width: 70%;
}

.cont-col img{
    width: 5vw;
}

.social-networks-cont{
    display: flex;
    flex-direction: column;
}

.enlaces-a-redes-sociales a img{
    width: 7vw;
    margin: 2vw 2vw;
}

.cont-col span{
    font-family: 'Fredoka One', sans-serif;
    color: gray;
}

.cont-col p{
    font-family: 'Segoe UI' , sans-serif;
    margin-bottom: 2vh 0;
}

.mapa-google{
    display: flex;
    justify-content: center;
    border: 1px solid;
    margin: 3vh 0;
    width: 100%;
}

.mapa-google .map{
    width: 100%;
    height: 50vh;
}


/*IPADS*/

@media (min-width:750px) and (min-height:700px){
    
    .cont-col span{
        font-size: 2.5vw;
    }

     
    .mapa-google .map{
        width: 100%;
    }
} 



@media (min-width:1000px) and (min-height:1200px){
    
    .contactos{
        flex-flow: row wrap;
        justify-content:center;
    }

    .cont-col{
        
        display: flex;
        flex-direction: column;
        width: 30%;
        height: 16vw;
        margin: 2vw;
    }

    .mapa-google .map{
        width: 100%;
    }
} 

@media (min-width:1024px){

    .contactos{
        flex-flow: row wrap;
        justify-content:center;
    }

    .cont-col{
        
        display: flex;
        flex-direction: column;
        width: 30%;
        height: 16vw;
        margin: 2vw;
    }

    .cont-col img{
        margin-bottom: 2.5vh;
    }

    .cont-col span{
        font-size: 2vw;
    }

    .cont-col p{
        font-size: 1vw;
    }

    .enlaces-a-redes-sociales a img{
        width: 5vw;
        margin: 2vw 2vw;
        /* transition: width .2s; */
    }

    .enlaces-a-redes-sociales a img:hover{
        /* width: 6vw; */
        animation: animacion-redes .3s ease-out;
    }

    @keyframes animacion-redes {
        0%{
            transform: rotate(25deg) ;
        }

        50%{
            transform: rotate(0deg);
        }

        75%{
            transform: rotate(-25deg) ;
        }


        100%{
            transform: rotate(0deg) ;
        }

    }
    .mapa-google{
        width: 100%;
        border: 0px;
        margin: 0;
    }

    .mapa-google .map{
        width: 100%;
        height: 50vh;
    }
}