/*homepage styles*/

#mmui-hero-search {
  i {
    font-size: 3rem;
  }

  input.mmui-form-control,
  .input-group-append {
    height: 6rem;
  }

  margin-top: 4.8rem; //design is 64. header has margin-bottom of 16. Difference is 48.
}

#mmui-home-panels {
  @include media-breakpoint-down(md) {
    .col-lg-4 {
      margin-bottom: 30px;
    }

    .row:last-child {
      .col-lg-4:last-child {
        margin-bottom: 0;
      }
    }
  }

  @include media-breakpoint-up(lg) {
    .row {
      margin-bottom: 25px; //cards have margin-bottom of 15px. Design asks for 40px total. 40-15=25.
    }

    .row:last-child {
      margin-bottom: 0;
    }
  }
}