.home1 {
  width: 100%;
  height: auto;
}
.home1 a {
  display: block;
  width: calc((100% - 10px) / 4);
  float: left;
  padding: 50px;
  color: #fff;
  position: relative;
  transform: scale(1);
  transition: all 0.5s;
  z-index: 1;
}
.home1 a:hover {
  transform: scale(1.1);
  z-index: 100;
}
.home1 a h5 {
  text-transform: uppercase;
  font-size: 24px;
  margin-bottom: 0rem;
}
.home1 a p {
  font-size: 14px;
  margin-bottom: 15px;
  opacity: 0.5;
}
.home1 a.ha1 {
  background: #f29c9f;
  border-radius: 10px;
  margin-right: 2px;
  width: 19%;
}
.home1 a.ha2 {
  background: #c5b659;
  border-radius: 10px;
  margin-right: 2px;
}
.home1 a.ha3 {
  background: #029c60;
  border-radius: 10px;
  margin-right: 2px;
}
.home1 a.ha4 {
  background: #4da5df;
  border-radius: 10px;
  margin-right: 2px;
}
.home1 a.ha5 {
  background: #f89d0b;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .home1 a {
    display: block;
    width: calc((100% - 5px) / 2);
    float: left;
    padding: 26px;
    height: 175px;
    color: #fff;
    position: relative;
    transform: scale(1);
    transition: all 0.5s;
    z-index: 99;
  }
  .home1 a.ha1 {
    background: #f29c9f;
    border-radius: 10px;
    margin-right: 3px;
    width: calc((100% - 15px) / 2);
  }
  .home1 a.ha5 {
    background: #f89d0b;
  }
  .home1 a.ha3 {
    background: #029c60;
    border-radius: 10px;
    margin-right: 2px;
    width: calc((100% - 15px) / 2);
  }
}