.contact
  .contact-wrapper
    padding: 200px 0
    
    .title
      text-align: center
      margin-bottom: 100px

    .contact-boxes
      display: flex

      .contact-box
        width: 50%
        padding: 60px
        position: relative
        display: flex
        flex-direction: column
        align-items: center
        justify-content: center

      .contact-box-cell
        margin-bottom: 25px

        .name
          font-weight: 600

      .contact-box:nth-child(1)
        .break-line
          position: absolute
          width: 2px
          height: 100%
          top: 0
          right: -1px
          background-color: $main-light-color

@media screen and (max-width: 991.98px)
  .contact
    .contact-wrapper
      padding: 90px 0
      
      .title
        text-align: center
        margin-bottom: 45px

      .contact-boxes
        display: flex
        flex-direction: column

        .contact-box
          width: 100%
          text-align: center
          padding: 30px 0

        .contact-box-cell
          margin-bottom: 25px

          .name
            font-weight: 600

        .contact-box:nth-child(1)
          .break-line
            width: 100%
            height: 2px
            top: 100%
            bottom: -1px
  