$project-listing-width: 1000px;
.home-projects{
  display: flex;
  justify-content: center;
  &-listing{
    width: $project-listing-width;
    margin: 0 auto;
    padding: 40px 0 0 0;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    &-label {
      color: $gray3;
      font-size: 12px;
      padding: 0;
      margin-bottom: 5px;
      text-align: left;
      text-transform: uppercase;
      display: block;
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 5px;
      font-weight: bold;
    }
    &-new {
      cursor: pointer;
      &:hover{
        color: $gray1;
        border: 1px solid $gray3;
      }
      border-radius: 3px;
      width: $project-listing-width * (1/3) - 15px - 15px;
      display:inline-block;
      background-color: $gray8;
      border: 1px solid $gray6;
      line-height: 120px;
      font-size: 20px;
      color: $gray3;
      font-weight: bold;
      text-align:center;
      margin:15px;
      padding-left:20px;
      padding-right:20px;
      -webkit-box-shadow: 0px 2px 0px rgba(0,0,0,0.2);
      -moz-box-shadow: 0px 2px 0px rgba(0,0,0,0.2);
      -moz-box-shadow-inset: 0px 2px 0px rgba(0,0,0,0.2);
      box-shadow: 0px 2px 0px rgba(0,0,0,0.1);
      @include transition(border-color 300ms ease-out);
    }
    &-project{
      border-radius: 3px;
      height:120px;
      display:inline-block;
      width: $project-listing-width * (1/3) - 15px - 15px;
      border: 1px solid $gray5;
      -webkit-box-shadow: 0px 2px 0px rgba(0,0,0,0.2);
      -moz-box-shadow: 0px 2px 0px rgba(0,0,0,0.2);
      -moz-box-shadow-inset: 0px 2px 0px rgba(0,0,0,0.2);
      box-shadow: 0px 2px 0px rgba(0,0,0,0.1);
      @include transition(border-color 300ms ease-out);
      // margin:15px;
      cursor: pointer;
      &:hover{
        color: $gray1;
        border: 1px solid $gray3;
      }
      &-header{
        padding: 15px;
        display: flex;
        flex-direction:row;
        justify-content: flex-end;
        align-items: center;
        &-title{
          font-weight: bold;
          margin-right: auto;
        }
        button{
          font-weight:bold;
        }
      }
    }
  }
}