body.home {
      background: #222;
      color: #fff;
    }

    body.work {
      background: #fff;
      color: #222;
    }

    .container {
      padding: 64px 64px 0px 64px;
    }


    h3, h4, h5 {
    line-height: 1.5;
    font-weight: 300;
    padding-bottom: 24px;
    }

    h5.navi {
      margin-top: 48px;
      color: #333;
    }

    .bold {
      font-weight: 700;
    }

    body.home .footer-text {
      color: #444;
      margin-bottom: 100px;
    }

    body.work .footer-text {
      color: #ccc;
      margin-bottom: 100px;
    }

    .footer-text h5 {
      padding-bottom: 8px;
    }

    body.home a {
      color: #fff;
      text-decoration: underline;
      transition: background-color .2s ease,transform .1s ease;
    }

    body.home a:hover {
      color: #222;
    }

    body.work a {
      color: #222;
      text-decoration: underline;
      transition: background-color .2s ease,transform .1s ease;
    }

    body.work a:hover {
      color: #fff;
    }

    .founder {
      margin-top: 40px;
      margin-bottom: 64px;
    }

    .project {
      margin-bottom: 128px;
    }

    .project-image {
      margin-top: 40px;
    }

    .service {
      margin-top: 40px;
      margin-bottom: 24px;
    }

@media (max-width: 768px) {
  img.project-img {
    width: 100%;
    height: auto;
  }
}