.formulario {
    margin-bottom: 72px;
}

.contato-h1 {
    font-family: 'Rubik-Medium';
    font-size: 36px;
    color: #fff;
    text-align: center;
}

.formulario h1 {
    font-family: 'Rubik-Bold';
    font-size: 35px;
    color: #0A043C;
    text-align: center;
}
.formulario p{
    font-family: 'Rubik-Regular';
    font-size: 20px;
    color: #707070;
    text-align: center;
}

.formulario form{
    margin: 0 auto;
}
/*css do formulario */
.form__group {
    position: relative;
    padding: 15px 0 0;
    margin-top: 20px;
    width: 100%;
}

.form__group span{
    list-style: none;
}

.form__field {
    font-family: 'Rubik-Regular';
    width: 100%;
    border: 0;
    border-radius: 4px;
    outline: 0;
    font-size: 1.3rem;
    color: #707070;  
    padding: 7px 7px;
    background: transparent;
    transition: border-color 0.2s;
    border: 0.5px solid #707070;
}
.form__field::placeholder {
    color: transparent;
}
.form__field:placeholder-shown ~ .form__label {
    font-size: 20px;
    cursor: text;
    top: 20px;
    font-family: 'Rubik-Regular';
}

.form__label {
    position: absolute;
    top: 0;
    display: block;
    transition: 0.2s;
    font-size: 22px;
    color: #707070;
    background-color: white;
    margin-left: 12px;
    padding: 0 5px;
    font-family: 'Rubik-Regular';
}

.form__field:focus {
    padding-bottom: 6px;
    font-weight: 700;
    border-width: 0.5px;
    border: 0.5px solid #0A043C;
    border-image-slice: 1;
    border-radius: 4px;
}
.form__field:focus ~ .form__label{
    position: absolute;
    top: 0;
    display: block;
    transition: 0.2s;
    font-size: 20px;
    color: #0A043C;
    font-weight: 700;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 0px;
    font-family: 'Rubik-Regular';
}
.form__field:focus ~ .form__label span{
    color: #57D5DB;
}

/* reset input */
.form__field:required, .form__field:invalid {
    box-shadow: none;
}

textarea{
    height: 150px;
}
button{
    font-family: 'Rubik-Medium';
    border: none;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.button-fdr {
    color: #fff;
    font-size: 17px;
    font-family: 'Rubik-Bold';
    background-color: #0A043C;
    border-radius: 24px;
    width: 90px;
    height: 40px;
    border: 1px solid #0A043C;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}
.button-fdr:hover {
    letter-spacing: 0px;
    background-color: #102073;
}

/*MENU DESKTOP*/
@media only screen and (min-width: 1190px) {
    .formulario iframe{
        width: 530px;
        height: 420px;
    }
}


@media only screen and (max-width: 1189px) {
    h1.contato-h1 {
        font-size: 30px;
        font-family: 'Rubik-Bold';
    }
    .parceiros li{
        margin-bottom: 40px;
    }
    .formulario p, .form__label {
        font-size: 18px;;
    }
    .formulario iframe{
        width: 100%;
        height: 250px;
    }
}