#project {
  #project-detail {
    #project-info {
      display:      block;
      padding-top:  10px;

      div[name="label"] {
        display:      flex;
        font-weight:  bold;
      }

      &, img {
        width:      100%;
      }
    }
  }

  .section {
    @extend %detail-section;
    margin-top:  40px;
  }
}

@media (min-width: $sm-with) {
  #project {
    #project-detail {
      #project-info {
        ldp-display-client {
          display:  block;
          float:    right;
          width:    300px;
        }
      }
    }
  }
}