@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;1,100&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400&subset=latin,latin-ext");
* {
  box-sizing: border-box;
}

/* GRID MIXIN */
/* COLOR CONVERTER */
.lucrum {
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  margin: 0;
}
.lucrum [class^=grid],
.lucrum [class*=" grid"] {
  display: flex;
  flex-wrap: wrap;
}
.lucrum [class^=grid] .col-1,
.lucrum [class*=" grid"] .col-1 {
  width: 8.3333333333%;
  padding: 16px;
}
@media screen and (max-width: 47.9375em) {
  .lucrum [class^=grid] .col-1,
  .lucrum [class*=" grid"] .col-1 {
    width: 100%;
  }
}
.lucrum [class^=grid] .col-2,
.lucrum [class*=" grid"] .col-2 {
  width: 16.6666666667%;
  padding: 16px;
}
@media screen and (max-width: 47.9375em) {
  .lucrum [class^=grid] .col-2,
  .lucrum [class*=" grid"] .col-2 {
    width: 100%;
  }
}
.lucrum [class^=grid] .col-3,
.lucrum [class*=" grid"] .col-3 {
  width: 25%;
  padding: 16px;
}
@media screen and (max-width: 47.9375em) {
  .lucrum [class^=grid] .col-3,
  .lucrum [class*=" grid"] .col-3 {
    width: 100%;
  }
}
.lucrum [class^=grid] .col-4,
.lucrum [class*=" grid"] .col-4 {
  width: 33.3333333333%;
  padding: 16px;
}
@media screen and (max-width: 47.9375em) {
  .lucrum [class^=grid] .col-4,
  .lucrum [class*=" grid"] .col-4 {
    width: 100%;
  }
}
.lucrum [class^=grid] .col-5,
.lucrum [class*=" grid"] .col-5 {
  width: 41.6666666667%;
  padding: 16px;
}
@media screen and (max-width: 47.9375em) {
  .lucrum [class^=grid] .col-5,
  .lucrum [class*=" grid"] .col-5 {
    width: 100%;
  }
}
.lucrum [class^=grid] .col-6,
.lucrum [class*=" grid"] .col-6 {
  width: 50%;
  padding: 16px;
}
@media screen and (max-width: 47.9375em) {
  .lucrum [class^=grid] .col-6,
  .lucrum [class*=" grid"] .col-6 {
    width: 100%;
  }
}
.lucrum [class^=grid] .col-7,
.lucrum [class*=" grid"] .col-7 {
  width: 58.3333333333%;
  padding: 16px;
}
@media screen and (max-width: 47.9375em) {
  .lucrum [class^=grid] .col-7,
  .lucrum [class*=" grid"] .col-7 {
    width: 100%;
  }
}
.lucrum [class^=grid] .col-8,
.lucrum [class*=" grid"] .col-8 {
  width: 66.6666666667%;
  padding: 16px;
}
@media screen and (max-width: 47.9375em) {
  .lucrum [class^=grid] .col-8,
  .lucrum [class*=" grid"] .col-8 {
    width: 100%;
  }
}
.lucrum [class^=grid] .col-9,
.lucrum [class*=" grid"] .col-9 {
  width: 75%;
  padding: 16px;
}
@media screen and (max-width: 47.9375em) {
  .lucrum [class^=grid] .col-9,
  .lucrum [class*=" grid"] .col-9 {
    width: 100%;
  }
}
.lucrum [class^=grid] .col-10,
.lucrum [class*=" grid"] .col-10 {
  width: 83.3333333333%;
  padding: 16px;
}
@media screen and (max-width: 47.9375em) {
  .lucrum [class^=grid] .col-10,
  .lucrum [class*=" grid"] .col-10 {
    width: 100%;
  }
}
.lucrum [class^=grid] .col-11,
.lucrum [class*=" grid"] .col-11 {
  width: 91.6666666667%;
  padding: 16px;
}
@media screen and (max-width: 47.9375em) {
  .lucrum [class^=grid] .col-11,
  .lucrum [class*=" grid"] .col-11 {
    width: 100%;
  }
}
.lucrum [class^=grid] .col-12,
.lucrum [class*=" grid"] .col-12 {
  width: 100%;
  padding: 16px;
}
@media screen and (max-width: 47.9375em) {
  .lucrum [class^=grid] .col-12,
  .lucrum [class*=" grid"] .col-12 {
    width: 100%;
  }
}
@keyframes fade-in-effect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.lucrum .fade-in-effect {
  animation: fade-in-effect 0.5s;
}

/*# sourceMappingURL=style.theme.css.map */