/*
@section: Mixin para formulario */
@mixin form-field {
    label{
        color: $dark-gray;
        display: block;
        font-size: 12px;
        margin-bottom: 5px;
        text-transform: uppercase;
    }
    
    input[type="text"]{
        border: 1px solid $medium-gray;
        padding: 20px;
        width: 408px;
    }
    
    textarea{
        border: 1px solid $medium-gray;
        height: 100px;
        padding: 20px;
        resize: none;
        width: 408px;
    }
    
    
    input[type="submit"]{
        background: $blue;
        color: $white;
        cursor: pointer;
        border: none;
        float: right;
        font-size: 18px;
        font-weight: $bold;
        padding: 20px 50px;
    }
    
    .error{
        color:#FF0000;
    }
    
    .sucess{
        color:#24652d;
    }
    
    /*
    @section: Form Contato */    
    @media (max-width: 480px) {
        label, input[type="text"], textarea{
            width: 83%;
        }
        input[type="submit"]{
            margin-right: 7px;
        }
    }
}