.card.home-card{
  width: 22%;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.card.home-card .card-body{
  padding: 20px 20px;
}
.card.home-card .card-body a:focus,
.card.home-card .card-body a:active,
.card.home-card .card-body a:hover{
  outline: 0 none;
  text-decoration: none;
  color: #2196f3;
}
.card.home-card .card-body{
  font-size: 11vh;
  line-height: 0;
}
.card.home-card .card-body h2{
  margin-bottom: 0; 
}
/*Side nav icon styling*/
.gui-icon{font-size: 24px;}
.gui-icon .md.md-home{font-size: 24px;}
/*END Side nav icon styling*/
@media screen and (max-width: 1024px) {
  .card.home-card {width: 30%;}
}
@media screen and (max-width: 768px) {
  .card.home-card {width: 40%;}
}
@media screen and (max-width: 430px) {
  .card.home-card {width: 70%;margin-right: 0;}
  .card.home-card .card-body {padding: 10px;}
  .card.home-card .card-body {font-size: 5vh;}
  .card.home-card .card-body h2 {
    margin-top: 15px;
    font-size: 18px;
  }
}