.bd-callout {
  padding: 1.25rem;
  border: 1px solid #eee;
  border-left-width: .25rem;
  border-radius: .25rem;
}

.bd-callout h4 {
  margin-top: 0;
  margin-bottom: .25rem;
}

.bd-callout p:last-child {
  margin-bottom: 0;
}

.bd-callout code {
  border-radius: .25rem;
}

.bd-callout + .bd-callout {
  margin-top: -.25rem;
}

.bd-callout-info {
  border-left-color: #5bc0de;
}

.bd-callout-info h4 {
  color: #5bc0de;
}

.bd-callout-warning {
  border-left-color: #f0ad4e;
}

.bd-callout-warning h4 {
  color: #f0ad4e;
}

.bd-callout-danger {
  border-left-color: #d9534f;
}

.bd-callout-danger h4 {
  color: #d9534f;
}

.bd-callout-secondary {
  border-left-color: #6c757d;
}

.bd-callout-secondary h4 {
  color: #6c757d;
}

@media (min-width: 1450px) {
  .card-columns {
    -webkit-column-count: 5 !important;
       -moz-column-count: 5 !important;
            column-count: 5 !important;
  }
}

@media (min-width: 1250px) and (max-width: 1449.98px) {
  .card-columns {
    -webkit-column-count: 4 !important;
       -moz-column-count: 4 !important;
            column-count: 4 !important;
  }
}

@media (min-width: 992px) and (max-width: 1249.98px) {
  .card-columns {
    -webkit-column-count: 3 !important;
       -moz-column-count: 3 !important;
            column-count: 3 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .card-columns {
    -webkit-column-count: 3 !important;
       -moz-column-count: 3 !important;
            column-count: 3 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .card-columns {
    -webkit-column-count: 2 !important;
       -moz-column-count: 2 !important;
            column-count: 2 !important;
  }
}