.project-content-container
  padding: 200px 0 150px
  position: relative
  margin-top: 25px
  min-height: 1100px
  .image-background
    position: absolute
    left: 0
    top: 0
    width: 100%
    height: 100%
    overflow: hidden
    background-color: rgb(103,133,148)

    img
      width: 100%
    .gradient
      width: 100%
      position: relative
      height: 100vh
      margin-top: -21vh
      +linear-gradient(top, rgba(103,133,148,0) 0%, rgba(103,133,148,1) 20%, rgba(103,133,148,1) 100%)

  .content-container
    position: relative
    z-index: 10
    width: calc( 100% - 360px )
    padding: 50px 0
    min-width: 280px

  .pockets-overview
    +flex(space-around, flex-start)
    +flex-rows
    width: 100%
    margin: 80px auto 80px
    &.parts-overview
      max-width: none
      min-width: 280px
  .filtered-parts
    +flex(space-around, flex-start)
    +flex-rows
    margin: 50px auto 20px
+media-query(1930px)
  .project-content-container
    margin-top: 45px
    padding-top: 200px

+media-query(1600px)
  .project-content-container
    margin-top: 65px

+media-query(1500px)
  .project-content-container
    .pockets-overview
      max-width: 800px
+media-query(1380px)
  .project-content-container
    margin-top: 80px

+media-query(1150px)
  .project-content-container
    .content-container
      width: calc( 100% - 100px )
+media-query(1100px)
  .project-content-container
    margin-top: 100px
+media-query(740px)
  .project-content-container
    padding-top: 0

+media-query(680px)
  .project-content-container.filtered
    width: 100%
    >.content-container
      width: 100%
      z-index: 16
      .breadcrumb
        width: calc(100% - 100px)
        margin-left: 50px

+media-query(650px)
  .project-content-container
    margin-top: 130px