.revendedores-page{
    padding: 80px 8%;
    background: url(../icons/f.svg) no-repeat left 10% bottom 80px;
    background-size: 100px;
    & h1.titulo{
        color: var(--color-primary);
        font-family: 'Prototype';
        font-size: 3.5rem;
        margin: 0 0 10px;
        line-height: 1.1;        
    }
    & p{
        font-size: 1.2rem;
        & strong{
            color: var(--color-primary);
        }
    }
    & a{
        color: var(--text-color);
    }
    h1, h2, h3, h4, h5, h6{
        color: var(--link-color);
        margin: 20px 0;
        font-family: 'Prototype';
        line-height: 1.1;
        strong{
            color: var(--link-color);
            font-weight: initial;
        }
    }
    h1{
        font-size: 2rem;
    }
    h2{
        font-size: 1.8rem; 
    }
    h3{
        font-size: 1.6rem; 
    }
    h4{
        font-size: 1.3rem; 
    }
    h5{
        font-size: 1.2rem; 
    }
    h6{
        font-size: 1.1rem; 
        text-transform: uppercase;
    }
    .formulario{
        padding: 40px;
        border-radius: 15px;
           input, textarea{
                border-radius: 10px!important;
                padding: 15px 20px!important;
                outline: 0!important;
                border: solid 1px var(--bg-color)!important;
                transition: .3s!important;
                &:focus{
                    border-color: var(--color-primary)!important;
                }
            }
            button{
                background: var(--color-primary)!important;
            }
            .bricks-form__field.bricks-form__terms {
                margin-top: -15px!important;
                P{
                    font-size: .8rem!important;
                }
            }
            .bricks-form__fieldset {
                align-items: flex-start;
                margin-left: 0 !important;
                margin-right: 0 !important;
            }
            label.bricks-form__label {
                font-size: .9rem !important;
            }        
    }
    @media screen and (max-width: 1600px) {
        padding: 60px;
        background: url(../icons/f.svg) no-repeat left 60px bottom 60px;
        background-size: 100px;
        h1.titulo{
            font-size: 2.5rem;
        }
    }   
    @media screen and (max-width: 1025px) {
        background: unset;
        .formulario {
            padding: 30px;
            margin-top: 20px;
        }    
    } 
    @media screen and (max-width: 769px) {
        padding: 40px 30px;
    }   
    @media screen and (max-width: 481px) {
        & h1.titulo {
            font-size: 2.2rem;
        }
        & p {
            font-size: 1rem;
        }
        .formulario {
            padding: 25px;
        }
    } 
}