.add-app {
  display: block;
  width: 220px;
  border-radius: 20px;
  font-weight: 500;
  margin: 0 auto;
  float: none !important;
}

#pwa-button {
  display: none;
}

.white-footer {
  color: #343a40;
}

.homepage .mdl-card .mdl-card__title {
  height: 90px;
  background: white;
}

.homepage .mdl-card {
  min-height: 233px;
}

.homepage .mdl-card i {
  top: 20px;
  left: 20px;
  position: absolute;
  font-size: 28px;
}

.homepage .mdl-card .mdl-card__supporting-text {
  display: block;
  position: absolute;
  bottom: 0;
  min-height: 161px;
  -webkit-transition: min-height 0.2s ease-in-out;
  transition: min-height 0.2s ease-in-out;
  line-height: 18px;
  padding: 16px 23px;
}

.homepage .mdl-card:hover .mdl-card__supporting-text {
  min-height: 171px;
  -webkit-transition: min-height 0.15s ease-in-out;
  transition: min-height 0.15s ease-in-out;
}

.homepage .mdl-card h3 {
  font-size: 19px;
  color: white;
  margin-bottom: 0px;
  min-height: 50px;
}

.homepage .mdl-card__supporting-text p {
  color: white;
  margin-bottom: 0px;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px !important;
}

.homepage header {
  margin: 50px 0 0px;
}

.homepage header h3 {
  font-weight: 300;
  text-align: center;
  margin-bottom: 60px;
  font-size: 18px;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
}

.homepage .mdl-card.card-green i {
  color: #4caf50;
}

.homepage .mdl-card.card-orange i {
  color: #ff9800;
}

.homepage .mdl-card.card-indigo i {
  color: #673ab7;
}

.homepage .mdl-card.card-pink i {
  color: rgb(233, 30, 99);
}

.homepage .mdl-card.card-red i {
  color: #e53935;
}

.homepage .mdl-card.card-blue i {
  color: #3f51b5;
}
.homepage .mdl-card.card-orange i {
  color: #ff9800;
}

.homepage .mdl-card.card-grey i {
  color: #607d8b;
}

.card-green .mdl-card__supporting-text {
  background: #4caf50;
}

.card-orange .mdl-card__supporting-text {
  background: #ff9800;
}

.card-indigo .mdl-card__supporting-text {
  background: #673ab7;
}

.card-pink .mdl-card__supporting-text {
  background: rgb(233, 30, 99);
}

.card-red .mdl-card__supporting-text {
  background: #e53935;
}

.card-blue .mdl-card__supporting-text {
  background: #3f51b5;
}

.card-orange .mdl-card__supporting-text {
  background: #ff9800;
}

.card-grey .mdl-card__supporting-text {
  background: #607d8b;
}

.mdl-card__supporting-text {
  width: 100%;
}

.hide-element {
  display: none;
}