@import url('form.css');
@import url('button.css');
@import url('style.css');
*{
    font-family: sans-serif;
}

.main-contact{
    display: flex;
    flex-wrap: wrap-reverse;
    margin-bottom: 50px;
}

.about-title{
    background-color: black;
    padding: 15px 0;
    border-radius: 5px;
}
.about-title::after{
    content: '!!!';
}

/* formularion */
.formulario{
    flex-grow: 1;
    flex-basis: 100%;
    flex-shrink: 1;
    background-color: #eee;
    color: black;
}
.form{
    min-width: 350px;
}
/* redes sociales dentro del formulario*/
.redes{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.formulario__redes .redes{
    justify-content: space-evenly;
    align-items: center;

}
.redes__item{
    width: 150px;
    margin: 10px;
}
.redes__link{
    display: inline-block;
}

/* informacion de contacto*/
.info-contacto{
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 100%;
    flex-shrink: 3;
    padding: 20px 15px;
    background-color: rgb(85, 55, 0);
}
.c-contacto{
    min-width: 340px;
}
.contacto__etiqueta{
    display: flex;
    align-items: center;
    margin: 20px;
}
.contacto__icono{
    margin: 5px;
    font-size: 20px 0;
}
.contacto__link{
    text-decoration: none;
    color: #fff;
}
.contacto__texto{
    margin-left: 5px;
    font-size: 14px;
}

.mapa--dimenciones{
    border-radius: 10px;
    min-height: 300px;
}

.text-blue{
    color: #0084ff;
}
.text-pink{
    color: #a02bff;
}
.text-green{
    color: #20db0f;
}

@media (min-width:925px) {
    .main-contact{
        flex-direction: row-reverse;
    }
    .formulario,
    .info-contacto{
        flex-basis: 50%;
    }
    .formulario{
        overflow: hidden;
        border-radius: 0 15px 15px 0;
    }
    .info-contacto{
        border-radius: 15px 0 0 15px ;
    }
    
    .mapa--dimenciones{
        min-height: 300px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    } 
}