/*Designs*/

#chest .design-container,#risegardens .design-container,#everyelection .design-container,#amenify .design-container,#nauticon .design-container,#uppd .design-container,
#anthem .design-container, #flowster .design-container{
  background-size: contain;
  background-repeat:no-repeat;
  background-position: center;
  max-height:85%;
  max-width:85%;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  vertical-align: middle;
  filter: grayscale(100%) contrast(105%);
}

.project-item:hover .design-container {
  max-width: 80% !important;
  max-height:50% !important;
  top: 30% !important;
  filter: grayscale(0%) !important;
}


.project-item:hover{
  background-color: black;
  background-image: none;
}

#anthem .design-container {
  background-image: url(../images/updated-images/anthem.png);
}

#anthem {
  background: #f3f3f3;
}

#flowster .design-container {
  background-image: url(../images/updated-images/flowster.png);
}

#flowster {
  background: #fff;
}

#chest .design-container {
  background-image: url(../images/updated-images/chest.png);
}
#chest{
  background: #f3f3f3;
}
#risegardens .design-container {
  background-image: url(../images/updated-images/risegardens.png);
}
#risegardens{
  background: #fff;
}


#amenify .design-container {
  background-image: url(../images/updated-images/amenify.png);
  }
#amenify {
  background: #f3f3f3;
}

#nauticon .design-container {
  background-image: url(../images/updated-images/nauticon.png);
}
#nauticon{
  background: #fff;
}
#everyelection .design-container {
  background-image: url(../images/updated-images/newfounders.png);
}
#everyelection {
  background: #f3f3f3;
}


#uppd .design-container {
  background-image: url(../images/updated-images/uppd.png);
}
#uppd{
  background: #fff;
}


@media all and (min-width: 600px) {
  #anthem {
    background: #f3f3f3;
  }
  #flowster {
    background: #fff;
  
  }
  #chest{
    background: #fff;
  }
  #risegardens{
    background: #f3f3f3;
  }
  #amenify {
    background: #f3f3f3;
  }
  #nauticon{
    background: #fff;
  }
  #everyelection {
    background: #fff;
  }
  #uppd{
    background: #f3f3f3;
  }
}

@media all and (min-width: 1100px) {
  #anthem {
    background: #f3f3f3;
  }
  #flowster {
    background: #fff;
  
  }
  #chest{
    background: #f3f3f3;
  }
  #risegardens{
    background: #fff;
  }
  #amenify {
    background: #fff;
  }
  #nauticon{
    background: #f3f3f3;
  }
  #everyelection {
    background: #fff;
  }
  #uppd{
    background: #f3f3f3;
  }

}