@import url('https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css');

body {
  font-family: 'Montserrat', sans-serif;
  background: #fafafa;
}

nav.nav-extended {
  background: #fff;
  box-shadow: none;
  border-bottom: 1px solid #e0e0e0;
  min-height: 64px;
  font-family: 'Montserrat', sans-serif;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nav-wrapper.container {
  padding: 0 16px;
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.brand-logo {
  color: #1a1c1e !important;
  font-weight: 700;
  letter-spacing: 0.5px;
  flex-shrink: 0;
  letter-spacing: 0.5px;
  font-family: 'Montserrat', sans-serif;
}

.sidenav {
  background: #fff;
  font-family: 'Montserrat', sans-serif;
}

.sidenav a,
nav .right.hide-on-med-and-down a {
  color: #1a1c1e;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
}

nav .right.hide-on-med-and-down {
  height: auto;
  display: flex;
  align-items: center;
  margin: 0;
  flex-grow: 1;
  justify-content: flex-end;
}

header.section.center-align {
  padding-top: 72px;
  padding-bottom: 56px;
  background: #f2f2f2;
  border-bottom: none;
  font-family: 'Montserrat', sans-serif;
}

header.section.center-align h2 {
  margin-bottom: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-family: 'Montserrat', sans-serif;
}

.card.hoverable {
  border-radius: 20px;
  box-shadow: 0 2px 8px 0 rgba(60,64,67,.08);
  background: #fff;
  border: 1px solid #e0e0e0;
}

.card-image {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
}

.card-image img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.card-content {
  padding: 24px 20px 20px 20px;
}

.card-title {
  font-size: 1.3rem;
  font-weight: 600;
  color: #1a1c1e;
}

footer.page-footer {
  background: #fff;
  color: #1a1c1e;
  box-shadow: none;
  border-top: 1px solid #e0e0e0;
}

footer.page-footer h6 {
  color: #1a1c1e;
  font-weight: 600;
}

footer.page-footer .grey-text.text-darken-2 {
  color: #616161 !important;
}

footer.page-footer .btn-floating {
  background: #e0e0e0 !important;
  color: #1a1c1e !important;
  margin-right: 8px;
}

footer.page-footer .btn-floating i {
  color: #1a1c1e !important;
}

footer .footer-copyright {
  background: #fff;
  color: #888;
  border-top: 1px solid #e0e0e0;
}

.btn-floating.btn-large {
  background: #e0e0e0 !important;
  color: #1a1c1e !important;
  position: fixed;
  bottom: 32px;
  right: 32px;
}

.section.blue-grey.lighten-5 {
  background: #f5f5f7;
}

.responsive-img.z-depth-2 {
  max-width: 320px;
  margin-bottom: 24px;
  border-radius: 20px;
  box-shadow: 0 2px 8px 0 rgba(60,64,67,.08);
  background: #fff;
  border: 1px solid #e0e0e0;
}

@media (max-width: 600px) {
  header.section.center-align {
    padding-top: 48px;
    padding-bottom: 32px;
  }
  .card-content {
    padding: 16px 10px 12px 10px;
  }
}