@import '/assets/plugins/font-awesome/css/solid.min.css';
  @import url('https://fonts.googleapis.com/css?family=Raleway:500,500i,600,600i&display=swap');


  :root {
  --body-font: 'Raleway', sans-serif;
  --font-weight-normal: 500;
  --font-weight-bold: 600;
  --heading-font: 'Raleway', sans-serif;
  --heading-font-weight: 600;
  --color-primary: #ad8932;
  --color-primary-alt: #997a2d;
  --color-secondary: #888888;
  --color-secondary-alt: #4a4848;
  --sold-badge-bg: #a81f1f;
  --discount-badge-bg: #32ad56;
  --new-product-badge-bg: #ad8932;
  --coming-for-sale-product-badge-bg: #343a40;
  --category-bg: #ad8932;
  --header-bg: #343a40;
  --navbar-bg: #343a40;
  --navbar-color: #ffffff;
  --navbar-color-hover: #edc157;
  --navbar-bg-hover: #343a40;
  --navbar-color-active: #edc157;
  --navbar-bg-active: #343a40;
  --navbar-color-inactive: #ffffff;
  --navbar-bg-inactive: #343a40;
  --footer-bg: #343a40;
  --footer-color: #ffffff;
  --mobile-navbar-bg: #343a40;
  --mobile-navbar-color: #ffffff;
  --mobile-navbar-color-active: #edc157;
  --mobile-navbar-bg-active: #343a40;
  }

@media (min-width: 768px) {
  :root {
  --font-size: 18px;
  --font-size-h1: 45px;
  --font-size-h2: 35px;
  --font-size-h3: 30px;
  --font-size-h4: 25px;
  --font-size-h5: 20px;
  --font-size-h6: 17px;
  --font-size-lead: 22px;
  }
}