.contacto{
    height: 100vh;
    width: 100%;
}
.titulos-contacto{
    width: 100%;
    height: 100vh;
    background: #4C9E38;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    padding: 0px 25px;
}
.titulos-contacto h4{
    color: #FFF;
    text-align: center;
    font-family: Archivo;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 70px;
}
.titulos-contacto p{
    color: #FFF;
    text-align: center;
    font-family: Archivo;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.form-contacto{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;

}
.base-form{
    padding: 69px 51px;
    width: 100%;
    height: auto;
    flex-shrink: 0;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 12px 25px 0px rgba(0, 0, 0, 0.10), 0px 46px 46px 0px rgba(0, 0, 0, 0.09), 0px 104px 62px 0px rgba(0, 0, 0, 0.05), 0px 184px 74px 0px rgba(0, 0, 0, 0.01), 0px 288px 81px 0px rgba(0, 0, 0, 0.00);
}
.form-group{
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.form-group label{
    color: #1C1C1A;
    font-family: Archivo;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 5px;
}
.form-contacto input, .form-group select{
    width: 100%;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid #4B9E38;
    background: #F9FBFC;
    padding: 12px 13px;
    color: rgba(0, 0, 0, 0.60);
    font-family: Archivo;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    outline: none;
}

@media (max-width:1100px) {
    .contacto{
        height: auto !important;
        width: 100%;
    }
    .titulos-contacto{
        width: 100%;
        height: 100vh !important;
        background: #4C9E38;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        padding: 0px 25px;
    }
    .titulos-contacto h4{
        color: #FFF;
        text-align: center;
        font-family: Archivo;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 70px;
    }
    .titulos-contacto p{
        color: #FFF;
        text-align: center;
        font-family: Archivo;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    
    .form-contacto{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
    
    }
    .base-form{
        padding: 69px 51px;
        width: 100%;
        height: auto;
        flex-shrink: 0;
        border-radius: 8px;
        background: #FFF;
        box-shadow: 0px 12px 25px 0px rgba(0, 0, 0, 0.10), 0px 46px 46px 0px rgba(0, 0, 0, 0.09), 0px 104px 62px 0px rgba(0, 0, 0, 0.05), 0px 184px 74px 0px rgba(0, 0, 0, 0.01), 0px 288px 81px 0px rgba(0, 0, 0, 0.00);
    }
    .form-group{
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }
    .form-group label{
        color: #1C1C1A;
        font-family: Archivo;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 5px;
    }
    .form-contacto input, .form-group select{
        width: 100%;
        flex-shrink: 0;
        border-radius: 8px;
        border: 1px solid #4B9E38;
        background: #F9FBFC;
        padding: 12px 13px;
        color: rgba(0, 0, 0, 0.60);
        font-family: Archivo;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        outline: none;
    }
}