.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 50px;
  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;
  text-align:justify;
}

.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 50px;
  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;
  text-align:justify;
}

.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;
  }
}