body {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #222;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}
.container {
  margin: 0 auto;
  width: 60% !important;
  float: none;
  min-height: 1px;
  height: 100%;
}
/*
.container1 {
  align-items: center;
    display: flex;
    
}
*/
.heading {
  text-align: center;
  margin: 0 auto;
  font-size: 3.5em;
  margin-top: 5%;
}
.counter{
  text-align: center;
  display: flex;
  align-content: center;
  margin-top: 3%;
/*    margin: auto;*/
  flex-direction: row;
  flex-wrap: wrap;
}
.counter .item{
  align-content: center;
/*  display: flex;*/
  vertical-align: middle;
  width: 16.66%;
  height: 100%;
  text-align: center;
/*  padding: 0;*/
  margin: auto;
}
.counter .item i{
  color: rgba(25, 25, 25, 0.9);
  font-size: 4em;
  text-shadow: 1px 1px 1px #ccc;
}
.counter .item p.number{
  color: rgba(21, 21, 21, 1.0);
  font-size: 3em;
  text-shadow: 1px 1px 1px #ccc;
}
.counter .item p.label{
  color: rgba(25, 25, 25, 0.9);
  font-size: 1.1em;
  text-shadow: 1px 1px 1px #ccc;
/*  text-transform: lowercase;  */
}
.counter .item:hover i, 
.counter .item:hover p{
  color: rgba(0, 50, 50, 0.7);
}
.counter .item .fa {
    color:#007f00;
}

@media (max-width: 786px){
  .counter .item {
     flex: 0 0 100%;
  }
}