div.project {
  margin-top: 35px;
  margin-left: 20px;
}
div.project div.project-logo {
  float: left;
  width: 150px;
  overflow: hidden;
  margin-right: 2em;
  text-align: center;
}
div.project div.project-logo img {
  width: 100%;
}
div.project div.project-logo figure {
  margin: 10px;
}
div.project div.project-logo figure figcaption {
  font-size: 0.7em;
}
div.project div.tleft {
  float: left;
  width: 75%;
}
div.project div.tleft p:first-child {
  margin-top: 0;
}
div.project::after {
  display: block;
  content: "";
  clear: both;
}
@media screen and (max-width: 715px) {
  div.project {
    text-align: center;
    margin-right: 20px;
  }
  div.project div.project-logo {
    position: relative;
    float: none;
    display: block;
    margin: auto;
  }
  div.project div.tleft {
    float: none;
    width: 100%;
  }
  div.project div.tleft p:first-child {
    margin-top: 0;
  }
  p.project-description {
    margin-top: -15px;
  }
}