.contato-page{
    padding: 80px 10%;
    background: url(../icons/f.svg) no-repeat left 10% bottom 80px;
    background-size: 200px;
    & h1{
        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);
    }
    & .telefone{
        display: flex;
        &:before{
            content: '\f2a0';
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            color: var(--color-primary);
            font-size: 1.2rem;
            margin-right: 0.5rem;
            vertical-align: text-top;
            display: inline-block;
            border: none;     
            width: 1.2rem;         
        }
    }
    & .endereco{
        display: flex;
        &:before{
            content: '\f3c5';
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            color: var(--color-primary);
            font-size: 1.2rem;
            margin-right: 0.5rem;
            vertical-align: text-top;
            display: inline-block;
            border: none;  
            width: 1.2rem;          
        }
    }
    .formulario{
        padding: 30px;
        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: 150px;
    }   
    @media screen and (max-width: 1025px) {
    } 
    @media screen and (max-width: 769px) {
        background: unset;
        padding: 40px 30px;
        .formulario {
            padding: 30px;
        }
    }   
    @media screen and (max-width: 481px) {
        & h1 {
            font-size: 2.5rem;
        }
        & p {
            font-size: 1rem;
        }
        .formulario {
            padding: 25px;
        }
    } 
}