main {
    background-color: var(--black);
    /*    border-bottom: 0.25rem solid var(--grey);*/
    color: var(--white);
}
#contacto .mdi{
    font-size: 6rem;
    color: var(--corp);
}
#contacto .left .form-esp .input-group .input-group-addon {
    padding: 0;
    padding-left: 2.5rem;
    border: 0;
    background-color: var(--white);
    border-radius: 0 2px 2px 0;
}
#contacto .left .checkbox{
    margin-top: 0;
    margin-bottom: 0;
}
#contacto .left .checkbox .text-underline{
    color: var(--white);
}
#contacto .right .section-upp {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
#contacto .right .etiqueta,
#contacto .right p,
#contacto .right a {
    font-family: 'Muli', sans-serif;
    color: var(--white);
    font-size: 3.5rem;
    letter-spacing: 0;
    line-height: 6rem;
}
#contacto .right p,
#contacto .right a {
    margin-left: 10rem;
    font-weight: 300;
}
#contacto .right .etiqueta{
    color: var(--white);
    margin-left: 4rem;
    font-weight: 900;
    line-height: 1.43;
    color: #ffffff;
}

/**************************************************************/
/***********************VERSION ESCRITORIO*********************/
/**************************************************************/

@media (min-width: 768px) {
    .flex{
        display: flex;
        -webkit-display: flex;
        justify-content: space-between;
    }
    .flex .form-group:first-child{
        width: 57.75rem;
    }
    .flex > .form-group:last-child{
        width: 37.5rem;
    }
    .cap-input .input-group input{
        width: 54rem;
    }
    .cap-input .input-group span{
        width: 45rem;
    }
    .form-group textarea.form-control {
        height: 33rem;
    }
    #contacto {
        padding-bottom: 10rem;
    }
    #contacto .left{
        width: 99rem;
        margin-right: 45rem;
        margin: 0 auto;
        margin-top: 14rem;
    }
    #contacto .left h1{
        margin-bottom: 7rem;
    }
    #contacto .left .btn {
        margin-top: 3rem;
        width: 44.5rem;
    }
    #contacto .right{
        width: 218rem;
        margin-right: -20rem;
    }
    #contacto .right .mapa {
        width: 221rem;
        height: 144.5rem;
    }
    #contacto .right .info{
        margin-top: 7.5rem;
        display: flex;
        display: -webkit-flex;
    }
    #contacto .right .info > *{
        margin-right: 8rem;
    }
}

/**************************************************************/
/***********************VERSION MOVIL*********************/
/**************************************************************/
@media (max-width: 767px) {
    section .mapa {
        width: 90rem;
        height: 145rem;
        position: relative;
        margin-left: -5.25rem;
    }
    .form-esp .control-label{
        font-size: 3.5rem;
        font-weight: normal;
        line-height: 1.43;
        color: var(--grey-aside);
    }
    .form-esp .form-esp-act .control-label{
        font-size: 3.5rem;
        font-weight: 800;
        line-height: 1.43;
        color: var(--white);
        letter-spacing: normal;
    }
    #contacto{
        padding-top: 5rem;
    }
    #contacto h1{
        margin-bottom: 8rem;
    }
    #contacto .left{
        padding-bottom: 9rem;
    }
    #contacto .left .btn {
        margin-top: 3rem;
    }
    #contacto .right .info{
        padding-top: 9.5rem;
        padding-bottom: 8rem;
        padding-left: 7.5rem;
    }
    #contacto .right  .info > * {
        margin-bottom: 6rem;
    }
}