@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);


.fullWidth {
  width: 100% !important;
  display: table;
  float: none;
  padding: 0;
  min-height: 1px;
  height: 100%;
  position: relative;
}

.projectFactsWrap{
  display: flex;
  margin: 0;
  flex-direction: row;
  flex-wrap: wrap;
}


#projectFacts .fullWidth{
  padding: 0;
}

.projectFactsWrap .item{
  width: 33.33%;
  height: 100%;
  padding: 2.5% 0;
  text-align: center;
}

.projectFactsWrap .item:nth-child(1){
  background: rgb(16, 31, 46);
}

.projectFactsWrap .item:nth-child(2){
  background: rgb(18, 34, 51);
}

.projectFactsWrap .item:nth-child(3){
  background: rgb(21, 38, 56);
}

.projectFactsWrap .item:nth-child(4){
  background: rgb(23, 44, 66);
}

.projectFactsWrap .item p.number{
  font-size: 2vw;
  padding: 0;
  font-weight: bold;
}

.projectFactsWrap .item p{
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.1vw;
  margin: 0;
  padding: 2.5%;
  font-family: 'Open Sans';
}


.projectFactsWrap .item span{
  width: 25%;
  background: rgba(255, 255, 255, 0.8);
  height: 0.2vw;
  display: block;
  margin: 0 auto;
}


.projectFactsWrap .item i{
  vertical-align: middle;
  font-size: 2.5vw;
  color: rgba(255, 255, 255, 0.8);
}


.projectFactsWrap .item:hover i, .projectFactsWrap .item:hover p{
  color: white;
}

.projectFactsWrap .item:hover span{
  background: white;
}

@media (max-width: 899px){
  .projectFactsWrap .item {
	flex: 0 0 33.33%;
  }
  
  
  .projectFactsWrap .item p.number{
	font-size: 4vw;
	padding: 0;
	font-weight: bold;
  }

  .projectFactsWrap .item p{
	color: rgba(255, 255, 255, 0.8);
	font-size: 2.5vw;
	margin: 0;
	padding: 2.5%;
	font-family: 'Open Sans';
  }
  
  .projectFactsWrap .item i{
	vertical-align: middle;
	font-size: 5vw;
	color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (max-width: 768px) {

}