section.ex-contacto{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: auto;
    width: 80%;
    border: dotted 2px #000;
    border-radius: 10px;
    padding: 10px 30px;
    margin-bottom: 50px;
}

.ex-contacto img{
    width: 40%;
}

.ex-contacto-info{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
}

.ex-contacto-info div{
    display: flex;
    gap: 20px;
}

.ex-contacto-info i{
    font-size: 100px;
}

.ex-celeste{
    color: #39B6E8;
}
.ex-rosado{
    color: #E64089;
}

@media (max-width: 700px) { 
    section.ex-contacto{
        flex-direction: column;
    }
    .ex-contacto img{
        width: 80%;
    }
    .ex-contacto-info i{
        font-size: 60px;
    }
    section.ex-contacto{
        padding: 10px;
    }
}