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

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

      &, img {
        width:      100%;
      }
    }

    #project-team {
      ldp-display {
        display:        flex;
        align-items:    center;
        margin-bottom:  10px;

        img {
          width:          50px;
          border-radius:  100px;
        }

        div[name="name"] {
          display:      flex;
          margin-left:  10px;
        }
      }
    }
  }

  .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;
        }
      }
    }
  }
}