.project .image{
  /*width: 50%;*/
  /*border: 2px solid #000000;*/
  
}

.project .image img{
  display: relative;
  position: inline-block;
  }

/* Project teaser
-------------------------------------------------- */
.text{
  /*align-items:left;*/
  /*border: 2px solid #000000;*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap ;
 

}
.project .text h2{
   /*position: relative;*/
  /*width: 100%*/
}
.project .text p{
  margin-bottom: 1.5em;
  
}
.project {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content:space-between;
  align-items:center;
}
.project li {
  margin-bottom: 1.5em;
  list-style: none;
}
@media screen and (min-width: 50em) {
  
  .project li {
    float: left;
    width: 45%;
    margin-left: 5%;
  }
  .project li:first-child {
    margin-left: 0;
  }
}