/* line 6, ../scss/projects.scss */
.project {
  margin: 0;
  padding: 48px 0;
  border-bottom: 1px solid #434C5E;
}
/* line 12, ../scss/projects.scss */
.project:first-of-type {
  padding-top: 24px;
}
/* line 15, ../scss/projects.scss */
.project:last-child {
  padding-bottom: 24px;
  border-bottom: none;
}
/* line 20, ../scss/projects.scss */
.project h4 {
  margin: 0;
}

/* line 25, ../scss/projects.scss */
.project-header {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 24px;
}

/* line 34, ../scss/projects.scss */
.project-image {
  -webkit-align-self: center;
  align-self: center;
  margin: 0 0 12px 0;
}
/* line 38, ../scss/projects.scss */
.project-image img {
  width: 120px;
}

/* line 43, ../scss/projects.scss */
.project-role {
  display: block;
  font-style: italic;
}

/* line 48, ../scss/projects.scss */
.project-dates {
  display: block;
}

@media (min-width: 550px) {
  /* line 54, ../scss/projects.scss */
  .project-header {
    -webkit-flex-direction: row;
    flex-direction: row;
  }

  /* line 58, ../scss/projects.scss */
  .project-header-details {
    margin-left: 24px;
  }

  /* line 62, ../scss/projects.scss */
  .project-image {
    margin-bottom: 0;
  }
}