body.body{
  max-width: 1280px;
  margin: 0 auto;
  font-family: Raleway;
}

.sb-content .internships{
  border-bottom: 1px solid #EEE;
  margin-bottom: 0.67em;
}

.sb-content h1{
  font-family: Raleway;
  font-weight: 600;
  text-align: center;
  color: #e56923;
}

.green{
  color: green;
}

.red{
  color: red;
}

.yellow{
  color: rgb(158, 158, 18);
}

.listProjectItem{
  margin: 0 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  margin-bottom: 60px
}

.internal{
  font-size: 16px;
  text-align: center;
}

.borderLine{
  border-bottom: 1px solid #EEE;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.listProjectItem .image-wrapper{
  overflow: hidden;
  height: 300px;
  width: 250px;
  margin: 0 auto;
}

.listProjectItem .image-wrapper .match-3-image{
  background-image: url(/img/match-3.png);
  height: 395px;
  width: 100%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  border: 1px solid #112233;
}

.listProjectItem .image-wrapper{
  border: 1px solid #999999;
}

.listProjectItem .image-wrapper:last-child{
  background-color: #eeeeee;
}

.listProjectItem .image-wrapper.htn-image{
  width: 240px;
}

.listProjectItem .image-wrapper .survey-hide-image{
  width: 100%;
}

.listProjectItem .image-wrapper .project-sobeys-image{
  width: 100%;
}

.listProjectItem .image-wrapper .bonified-image{
  width: 100%;
}

.listProjectItem .body{
  padding: 10px;
}

.listProjectItem .body .title{
  font-size: 28px;
  font-weight: 600;
  display: inline-block;
}

.listProjectItem .body .date{
  font-size: 18px;
  float: right;
  padding-top: 7px;
}

.listProjectItem .body .languages{
}

.listProjectItem .body .languages div{
  display: inline-block;
  padding: 5px 8px;
}

@media (max-width: 359px){
  .listProjectItem .body .title{
    font-size: 24px;
  }

  .listProjectItem .body .date{
    font-size: 16px;
  }
}

@media (min-width: 600px){
  .listProjectItem{
    height: 300px;
  }

  .listProjectItem .image-wrapper{
    margin: 0;
    float: left;
    margin-right: 20px;
  }

  .listProjectItem .body{
    padding: 0;
  }

  .listProjectItem .body .short-description{

  }

  .listProjectItem .body .long-description{
  }
}

@media ( min-width: 840px){
  .listProjectItem .body .languages{
    display: none;
  }

}
