.info-box  {

	

  display: block;

  height: 40px;

  font-size: 30px;

  line-height: 100px;

  width: 235px;

  float: left;

  text-align: center;

  margin-right: 20px;

  padding-right: 20px;

  color: #fff;
  margin-top:20px;
  margin-left:450px;
  

}
.orange-bg {

  color : #fff;
background-color : #4cd964;
transition:background-color 0.8s;
 height:100px;	
 border-radius:5px;
}.orange-bg:hover{
background-color:##52dd6a;

}
.pink-bg {

  color : #fafafa;
  background-color : #ff66a4;
  transition:background-color 0.8s;
  height:100px;	
  border-radius:5px;

}
.pink-bg:hover{
color:#fafafa;
background-color:#ff7ab0;
transition:background-color 0.8s ease-in-out;
 
}
.red-bg {
  color : #fafafa;
  height:100px;
  transition:background-color 0.8s ease-in-out;
   background-color : #55a5fd;
  transition:background-color 0.8s;
  border-radius:5px;
}
.red-bg:hover{
background:#68b0ff;
transition:background-color 0.8s ease-in-out;
}
.green-bg {

  color : #fff;
background-color : #ff793a;
  transition:background-color 0.8s;
  height:100px;
  border-radius:5px;
}
.green-bg:hover{
background-color:#ff854c;
  transition:background-color 0.8s;
}
.info-box .count {

  font-size: 34px;
  
  margin-top:-20px;

  font-weight: 700;

}

.info-box .title {

  font-size: 12px;
  
  margin-top:-50px;

  text-transform: uppercase;

  font-weight: 600;

}