#work {
  #project-image {
    img {
      max-width: 88%;
      display: block;
      margin: auto;
    }
  }
  .project-desc {
    margin-top: 30px;
  }

  .work-content {
    padding-left: 40px;

    @media (max-width: 991px) {
      padding-left: 15px;
    }
  }

  h3 {
    margin-bottom: 25px;
  }

  .square {
    width: 75%;
    margin-bottom: 30px;
  }

  @media (min-width: 992px) {

    #work-nav {
      width: 100%;
    }

    #work-nav-inner {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap;
    }

    .worklogo {
      display: inline-block;
      width: 33.333%;
      padding: 0 5px;
      margin-bottom: 20px;
    }
  }

  @media (max-width: 991px) {
    #work-nav {
      display: block;
      height: 100px;
      width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
    }
    #work-nav-inner {
      height: 100px;
      width: 2285px;
    }
    .worklogo {
      display: inline-block;
      width: 120px;
      padding: 0;
      margin: 0;
    }
  }
}

.work-example {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}