.field {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    
    &.invalid {
      .validation {
        display: block;

      }
      textarea {
        border-color: #dc3232;
      }
    }

    input,
    textarea,
    select {
      
        outline: none;
        width: 100%;
        height: 100%;
        padding: 1rem;
        border: 1px solid #E5A424;
        border-radius: .5rem;
        background-color: #D6D1BD;
        box-sizing: border-box;
        color: $primary;
        min-height: 4.4rem;

        display: flex;
        align-items: center;
        justify-content: flex-start;

        line-height: 1.4;
        font-size: 1.4rem;
        @media(min-width: $tabletP1) {
          font-size: 1.6rem;
        }

        &::placeholder {
          color: #39462F80;
          font-weight: 400;
          font-size: 1.4rem;
          line-height: 1.5;
          @media(min-width: $tabletP1) {
            font-size: 1.6rem;
          }
        }
    }
    


}