.project {
  padding-left: 1.5em;
  padding-right: 1.5em;
  margin-bottom: 3.4em;
}

.project__images {
  height: 220px;
  overflow: hidden;
}


.project__lead {
  color: #666;
  font-weight: 300;
}

.project__info {
}

.project__title {
  margin-top: .7em;
  margin-bottom: 1em;
}


.doed {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0 auto;
  width: 100px;
}

.fbw {
  margin-top: -50px;
}

.project__image.oeg {
  margin-top: 50px;
}

.project.fbw {
  background-image: url('/assets/projects/fbw-in-classroom.png');
}

.project.xoces {
  background-image: url('/assets/projects/mitoces-screenshot.png');
}

.project.crosslinks {
  background-image: url('/assets/projects/crosslinks.png');
}

.project.mit-signals-systems {
  background-image: url('/assets/projects/mit-signals-systems.png');
}

/* ---- project nav bar ------  */

.project-nav {
  margin-top: 1.7em;
  margin-bottom: 1.7em;
  margin-left: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}

.project-nav__link {
  text-align: center;
  margin-left: .5em;
  margin-right: .5em;
  display: block;
  padding-left: .5em;
  padding-right: .5em;
  padding-top: .5em;
  padding-bottom:  .5em;

  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  text-decoration: none;
  color: #333;
}

.project-nav__link.is-active {
  color: #3Ba5b1;
  border-top-color: #3Ba5b1;
  border-bottom-color: #3Ba5b1;

}

.crosslinks__splash {
  margin-bottom: 3em;
}