/* Row */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.row > * {
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}

/* Column 6 */
@media (min-width: 768px) {
  .col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  .col-6 {
    flex: 0 0 auto;
    width: 100%;
  }
}

/* Column 12 (always full width) */
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

/* Desktop / tablet (≥768px) */
@media (min-width: 768px) {
  .col-4 {
    flex: 0 0 auto;
    width: 33.3333%;
  }
}

/* Mobile (<768px) */
@media (max-width: 767.98px) {
  .col-4 {
    flex: 0 0 auto;
    width: 100%;
  }
}


/* Utilities */  .img-fluid { max-width: 100%; height: auto; }  .rounded { border-radius: .5rem; }  .shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); }  .mt-4 { margin-top: 1.5rem; }  .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }

.mt-2 {
    margin-top:2rem;
}

.mt-4 {
    margin-top:4rem;
}

.mb-2{
    margin-bottom:2rem;
}

.mb-3{
    margin-bottom:2.5rem;
}