/* VARIABLES */
/* TYPOGRAPHY */
/* ---------------- MARGIN ALL SIDES ---------------- */
.bs-m-1 {
  margin: 0.5rem !important;
}
@media (max-width: 87.49875rem) {
  .bs-m-1 {
    margin: 0.5rem !important;
  }
}
@media (max-width: 74.99875rem) {
  .bs-m-1 {
    margin: 0.5rem !important;
  }
}
@media (max-width: 61.99875rem) {
  .bs-m-1 {
    margin: 0.5rem !important;
  }
}
@media (max-width: 47.99875rem) {
  .bs-m-1 {
    margin: 0.25rem !important;
  }
}
@media (max-width: 35.99875rem) {
  .bs-m-1 {
    margin: 0.25rem !important;
  }
}

.bs-m-2 {
  margin: 1rem !important;
}
@media (max-width: 87.49875rem) {
  .bs-m-2 {
    margin: 1rem !important;
  }
}
@media (max-width: 74.99875rem) {
  .bs-m-2 {
    margin: 1rem !important;
  }
}
@media (max-width: 61.99875rem) {
  .bs-m-2 {
    margin: 0.75rem !important;
  }
}
@media (max-width: 47.99875rem) {
  .bs-m-2 {
    margin: 0.5rem !important;
  }
}
@media (max-width: 35.99875rem) {
  .bs-m-2 {
    margin: 0.5rem !important;
  }
}

.bs-m-3 {
  margin: 2rem !important;
}
@media (max-width: 87.49875rem) {
  .bs-m-3 {
    margin: 2rem !important;
  }
}
@media (max-width: 74.99875rem) {
  .bs-m-3 {
    margin: 2rem !important;
  }
}
@media (max-width: 61.99875rem) {
  .bs-m-3 {
    margin: 1.5rem !important;
  }
}
@media (max-width: 47.99875rem) {
  .bs-m-3 {
    margin: 1rem !important;
  }
}
@media (max-width: 35.99875rem) {
  .bs-m-3 {
    margin: 1rem !important;
  }
}

.bs-m-4 {
  margin: 4rem !important;
}
@media (max-width: 87.49875rem) {
  .bs-m-4 {
    margin: 4rem !important;
  }
}
@media (max-width: 74.99875rem) {
  .bs-m-4 {
    margin: 4rem !important;
  }
}
@media (max-width: 61.99875rem) {
  .bs-m-4 {
    margin: 4rem !important;
  }
}
@media (max-width: 47.99875rem) {
  .bs-m-4 {
    margin: 2rem !important;
  }
}
@media (max-width: 35.99875rem) {
  .bs-m-4 {
    margin: 2rem !important;
  }
}

.bs-m-5 {
  margin: 8rem !important;
}
@media (max-width: 87.49875rem) {
  .bs-m-5 {
    margin: 8rem !important;
  }
}
@media (max-width: 74.99875rem) {
  .bs-m-5 {
    margin: 8rem !important;
  }
}
@media (max-width: 61.99875rem) {
  .bs-m-5 {
    margin: 6rem !important;
  }
}
@media (max-width: 47.99875rem) {
  .bs-m-5 {
    margin: 4rem !important;
  }
}
@media (max-width: 35.99875rem) {
  .bs-m-5 {
    margin: 4rem !important;
  }
}

/* ---------------- MARGIN TOP ---------------- */
.bs-mt-1 {
  margin-top: 0.5rem !important;
}
@media (max-width: 87.49875rem) {
  .bs-mt-1 {
    margin-top: 0.5rem !important;
  }
}
@media (max-width: 74.99875rem) {
  .bs-mt-1 {
    margin-top: 0.5rem !important;
  }
}
@media (max-width: 61.99875rem) {
  .bs-mt-1 {
    margin-top: 0.5rem !important;
  }
}
@media (max-width: 47.99875rem) {
  .bs-mt-1 {
    margin-top: 0.25rem !important;
  }
}
@media (max-width: 35.99875rem) {
  .bs-mt-1 {
    margin-top: 0.25rem !important;
  }
}

.bs-mt-2 {
  margin-top: 1rem !important;
}
@media (max-width: 87.49875rem) {
  .bs-mt-2 {
    margin-top: 1rem !important;
  }
}
@media (max-width: 74.99875rem) {
  .bs-mt-2 {
    margin-top: 1rem !important;
  }
}
@media (max-width: 61.99875rem) {
  .bs-mt-2 {
    margin-top: 1rem !important;
  }
}
@media (max-width: 47.99875rem) {
  .bs-mt-2 {
    margin-top: 0.5rem !important;
  }
}
@media (max-width: 35.99875rem) {
  .bs-mt-2 {
    margin-top: 0.5rem !important;
  }
}

.bs-mt-3 {
  margin-top: 2rem !important;
}
@media (max-width: 87.49875rem) {
  .bs-mt-3 {
    margin-top: 2rem !important;
  }
}
@media (max-width: 74.99875rem) {
  .bs-mt-3 {
    margin-top: 2rem !important;
  }
}
@media (max-width: 61.99875rem) {
  .bs-mt-3 {
    margin-top: 1.5rem !important;
  }
}
@media (max-width: 47.99875rem) {
  .bs-mt-3 {
    margin-top: 1rem !important;
  }
}
@media (max-width: 35.99875rem) {
  .bs-mt-3 {
    margin-top: 1rem !important;
  }
}

.bs-mt-4 {
  margin-top: 4rem !important;
}
@media (max-width: 87.49875rem) {
  .bs-mt-4 {
    margin-top: 4rem !important;
  }
}
@media (max-width: 74.99875rem) {
  .bs-mt-4 {
    margin-top: 4rem !important;
  }
}
@media (max-width: 61.99875rem) {
  .bs-mt-4 {
    margin-top: 4rem !important;
  }
}
@media (max-width: 47.99875rem) {
  .bs-mt-4 {
    margin-top: 2rem !important;
  }
}
@media (max-width: 35.99875rem) {
  .bs-mt-4 {
    margin-top: 2rem !important;
  }
}

.bs-mt-5 {
  margin-top: 8rem !important;
}
@media (max-width: 87.49875rem) {
  .bs-mt-5 {
    margin-top: 8rem !important;
  }
}
@media (max-width: 74.99875rem) {
  .bs-mt-5 {
    margin-top: 8rem !important;
  }
}
@media (max-width: 61.99875rem) {
  .bs-mt-5 {
    margin-top: 6rem !important;
  }
}
@media (max-width: 47.99875rem) {
  .bs-mt-5 {
    margin-top: 4rem !important;
  }
}
@media (max-width: 35.99875rem) {
  .bs-mt-5 {
    margin-top: 4rem !important;
  }
}

/* ---------------- MARGIN BOTTOM ---------------- */
.bs-mb-1 {
  margin-bottom: 0.5rem !important;
}
@media (max-width: 87.49875rem) {
  .bs-mb-1 {
    margin-bottom: 0.5rem !important;
  }
}
@media (max-width: 74.99875rem) {
  .bs-mb-1 {
    margin-bottom: 0.5rem !important;
  }
}
@media (max-width: 61.99875rem) {
  .bs-mb-1 {
    margin-bottom: 0.5rem !important;
  }
}
@media (max-width: 47.99875rem) {
  .bs-mb-1 {
    margin-bottom: 0.25rem !important;
  }
}
@media (max-width: 35.99875rem) {
  .bs-mb-1 {
    margin-bottom: 0.25rem !important;
  }
}

.bs-mb-2 {
  margin-bottom: 1rem !important;
}
@media (max-width: 87.49875rem) {
  .bs-mb-2 {
    margin-bottom: 1rem !important;
  }
}
@media (max-width: 74.99875rem) {
  .bs-mb-2 {
    margin-bottom: 1rem !important;
  }
}
@media (max-width: 61.99875rem) {
  .bs-mb-2 {
    margin-bottom: 1rem !important;
  }
}
@media (max-width: 47.99875rem) {
  .bs-mb-2 {
    margin-bottom: 0.5rem !important;
  }
}
@media (max-width: 35.99875rem) {
  .bs-mb-2 {
    margin-bottom: 0.5rem !important;
  }
}

.bs-mb-3 {
  margin-bottom: 2rem !important;
}
@media (max-width: 87.49875rem) {
  .bs-mb-3 {
    margin-bottom: 2rem !important;
  }
}
@media (max-width: 74.99875rem) {
  .bs-mb-3 {
    margin-bottom: 2rem !important;
  }
}
@media (max-width: 61.99875rem) {
  .bs-mb-3 {
    margin-bottom: 1.5rem !important;
  }
}
@media (max-width: 47.99875rem) {
  .bs-mb-3 {
    margin-bottom: 1rem !important;
  }
}
@media (max-width: 35.99875rem) {
  .bs-mb-3 {
    margin-bottom: 1rem !important;
  }
}

.bs-mb-4 {
  margin-bottom: 4rem !important;
}
@media (max-width: 87.49875rem) {
  .bs-mb-4 {
    margin-bottom: 4rem !important;
  }
}
@media (max-width: 74.99875rem) {
  .bs-mb-4 {
    margin-bottom: 4rem !important;
  }
}
@media (max-width: 61.99875rem) {
  .bs-mb-4 {
    margin-bottom: 4rem !important;
  }
}
@media (max-width: 47.99875rem) {
  .bs-mb-4 {
    margin-bottom: 2rem !important;
  }
}
@media (max-width: 35.99875rem) {
  .bs-mb-4 {
    margin-bottom: 2rem !important;
  }
}

.bs-mb-5 {
  margin-bottom: 8rem !important;
}
@media (max-width: 87.49875rem) {
  .bs-mb-5 {
    margin-bottom: 8rem !important;
  }
}
@media (max-width: 74.99875rem) {
  .bs-mb-5 {
    margin-bottom: 8rem !important;
  }
}
@media (max-width: 61.99875rem) {
  .bs-mb-5 {
    margin-bottom: 6rem !important;
  }
}
@media (max-width: 47.99875rem) {
  .bs-mb-5 {
    margin-bottom: 4rem !important;
  }
}
@media (max-width: 35.99875rem) {
  .bs-mb-5 {
    margin-bottom: 4rem !important;
  }
}

/* ---------------- MARGIN LEFT ---------------- */
.bs-ml-1 {
  margin-left: 0.5rem !important;
}
@media (max-width: 87.49875rem) {
  .bs-ml-1 {
    margin-left: 0.5rem !important;
  }
}
@media (max-width: 74.99875rem) {
  .bs-ml-1 {
    margin-left: 0.5rem !important;
  }
}
@media (max-width: 61.99875rem) {
  .bs-ml-1 {
    margin-left: 0.5rem !important;
  }
}
@media (max-width: 47.99875rem) {
  .bs-ml-1 {
    margin-left: 0.25rem !important;
  }
}
@media (max-width: 35.99875rem) {
  .bs-ml-1 {
    margin-left: 0.25rem !important;
  }
}

/* ---------------- MARGIN RIGHT ---------------- */
.bs-mr-1 {
  margin-right: 0.5rem !important;
}
@media (max-width: 87.49875rem) {
  .bs-mr-1 {
    margin-right: 0.5rem !important;
  }
}
@media (max-width: 74.99875rem) {
  .bs-mr-1 {
    margin-right: 0.5rem !important;
  }
}
@media (max-width: 61.99875rem) {
  .bs-mr-1 {
    margin-right: 0.5rem !important;
  }
}
@media (max-width: 47.99875rem) {
  .bs-mr-1 {
    margin-right: 0.25rem !important;
  }
}
@media (max-width: 35.99875rem) {
  .bs-mr-1 {
    margin-right: 0.25rem !important;
  }
}