/*
  npm install -g sass
  sass --version
  sass assets\css\light.scss assets\css\light.css
*/
body {
  font-family: "Lora", serif;
  font-size: 1.125em;
  background-color: #fcfcfc;
  color: #333;
}
@media (min-width: 48em) {
  body {
    font-size: 1.125em;
  }
}
@media (min-width: 64em) {
  body {
    font-size: 1.125em;
  }
}
@media (min-width: 85.375em) {
  body {
    font-size: 1.125em;
  }
}
@media (min-width: 120em) {
  body {
    font-size: 1.125em;
  }
}
@media (min-width: 160em) {
  body {
    font-size: 1.125em;
  }
}

.navbar {
  font-family: "Montserrat", sans-serif;
  background-color: #226ed8;
  margin-bottom: 1rem;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-brand {
  color: #fcfcfc;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-brand:hover {
  color: #fff;
}

.navbar-brand {
  font-size: 36px;
  letter-spacing: -0.05em;
  line-height: 0.5;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.nav-link {
  font-size: 1.2em;
  line-height: 1;
  text-transform: lowercase;
}

.container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 4%;
}
@media (min-width: 48em) {
  .container {
    padding: 0 4%;
  }
}
@media (min-width: 64em) {
  .container {
    padding: 0 4%;
  }
}
@media (min-width: 85.375em) {
  .container {
    padding: 0 12%;
  }
}
@media (min-width: 120em) {
  .container {
    padding: 0 12%;
  }
}
@media (min-width: 160em) {
  .container {
    padding: 0 18%;
  }
}

h1, h2, h3, h4, h5, h6 {
  transform: scale(1, 1.05);
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  letter-spacing: -0.05em;
}

.btn {
  transform: scale(1, 1.05);
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  letter-spacing: -0.05em;
  font-size: 1.05rem;
}

.card-columns {
  column-count: 2;
}
@media (min-width: 48em) {
  .card-columns {
    column-count: 3;
  }
}
@media (min-width: 64em) {
  .card-columns {
    column-count: 4;
  }
}
@media (min-width: 85.375em) {
  .card-columns {
    column-count: 5;
  }
}
@media (min-width: 120em) {
  .card-columns {
    column-count: 6;
  }
}
@media (min-width: 160em) {
  .card-columns {
    column-count: 7;
  }
}

.card {
  border: 1px solid rgba(0, 0, 0, 0.19);
  background-color: #fff;
  -webkit-column-break: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.card-img-top {
  border-radius: 0em;
  filter: brightness(100%);
}
@media (min-width: 64em) {
  .card-img-top {
    filter: brightness(95%);
  }
}

.card-img-top:hover {
  filter: brightness(100%);
}

.card h5, .card p {
  padding: 10px 10px 0 10px;
}

.card p {
  font-size: 0.875em;
}

/*# sourceMappingURL=light.css.map */