.serviceBox{
  padding:10px 0 30px;
  text-align:center;
  background:#f2f2f2;
}

.serviceBox .service-icon{
  padding:25px 30px;
}

.serviceBox .service-icon a{
  color:#fff;
  font-size:50px;
}

.serviceBox .service-content{
  padding:0 25px;
  color:#6c6060;
}

.serviceBox .service-content h3{
  font-size:22px;
  text-transform:uppercase;
}

.serviceBox .service-content hr{
  background:#b4b4b4;
  height:1px;
}

.serviceBox .service-content p{
  font-size:14px;
}

.serviceBox.yellow .service-icon, .serviceBox.yellow:hover .read a{
  background:#f1bb40;
}

.serviceBox.yellow:hover h3{
  color:#f1bb40;
}

.serviceBox.green .service-icon, .serviceBox.green:hover .read a{
  background:#01a89e;
}

.serviceBox.green:hover h3{
  color:#01a89e;
}

.serviceBox.pink .service-icon, .serviceBox.pink:hover .read a{
  background:#d66c9a;
}

.serviceBox.pink:hover h3{
  color:#d66c9a;
}

@media screen and (max-width: 990px) {
  .serviceBox{
    margin-bottom:30px;
  }
}

@media screen and (max-width: 479px) {
  .serviceBox .service-content{
    padding:0 30px;
  }
}

.serviceBox{
  padding:10px 0 30px;
  text-align:center;
  background:#f2f2f2;
}

.serviceBox .service-icon{
  padding:25px 30px;
}

.serviceBox .service-icon a{
  color:#fff;
  font-size:50px;
}

.serviceBox .service-content{
  padding:0 25px;
  color:#6c6060;
}

.serviceBox .service-content h3{
  font-size:22px;
  text-transform:uppercase;
}

.serviceBox .service-content hr{
  background:#b4b4b4;
  height:1px;
}

.serviceBox .service-content p{
  font-size:14px;
}

.serviceBox.yellow .service-icon, .serviceBox.yellow:hover .read a{
  background:#f1bb40;
}

.serviceBox.yellow:hover h3{
  color:#f1bb40;
}

.serviceBox.green .service-icon, .serviceBox.green:hover .read a{
  background:#01a89e;
}

.serviceBox.green:hover h3{
  color:#01a89e;
}

.serviceBox.pink .service-icon, .serviceBox.pink:hover .read a{
  background:#d66c9a;
}

.serviceBox.pink:hover h3{
  color:#d66c9a;
}

@media screen and (max-width: 990px) {
  .serviceBox{
    margin-bottom:30px;
  }
}

@media screen and (max-width: 479px) {
  .serviceBox .service-content{
    padding:0 30px;
  }
}