// Your variable overrides
$font-family-sans-serif: Asap, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
$primary: #F0505F;
$body-color: #4A4545;
$secondary:#F1F1F6;
$badge-padding-y:1em;
$badge-padding-x:1em;
$input-bg:#F6F6F6;
$input-color:#000;
$dark:#050505;
$font-size-base: 1rem;
$close-font-size: $font-size-base * 3;
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 824px,
  lg: 992px,
  xl: 1200px
);

$border-radius-sm: .625rem; // 10px
$border-radius: .9375rem; // 15px
$border-radius-lg: 1.5625rem; // 25px
$btn-border-radius: 0.5rem; // 8px


// Required
@import "scss/bootstrap";

.card-columns {
  @include media-breakpoint-only(xl) {
    column-count: 3;
  }
  @include media-breakpoint-only(lg) {
    column-count: 2;
  }
  @include media-breakpoint-only(md) {
    column-count: 2;
  }
  @include media-breakpoint-only(sm) {
    column-count: 1;
  }
}