@media (max-width: 700px)
{
   .esconder-mobile{
       display: none !important;
   }
}

@media (min-width: 700px)
{
   .esconder-desktop{
       display: none !important;
   }
}
.formulario{
    padding: 25px 20px;
    background-color: white;
    border-radius: 15px;
    position: relative;
    z-index: 1
}
.formulario h2{
    text-align: center;
    font-size: 40px
}
.formulario p{
    text-align: center
}
.formulario .form-control{
    padding: 13px
}
.formulario .form-control:focus{
    border-color: var(--color-secondary)
}
.contact-list a{
    position: relative;
}
.contact-list a:hover{
    color: white !important
}
.contact-list a::before{
    content: '';
    position: absolute;
    width: 0;
    background: white;
    height: 2px;
    bottom: 0;
    transition: 500ms
}
.contact-list a:hover::before{
    width: 100%;
}