:root {
  /* Navigation */
  --nav-top-height: 30px;
  --nav-middle-height: 70px;
  --nav-menu-height: 53px;
  --nav-mobile-height: 50px;

  /* Elements */
  --input-height: 45px;
  --c-el-text: #252339;
  --c-el-background: #d0d0d0;
  --c-el-range: #00689C;
  --c-el-range-background: rgba(0, 136, 204, 0.51);

  /* Main colors */
  --c-primary: #00689C;
  --c-secondary: #42A046;
  --c-highlight: #00689C;
  --c-footer-hightlight: #00689C;
  --c-positive: #42A046;
  --c-negative: #ee8179;

  /* Background colors */
  --c-bc-white: #ffffff;
  --c-bc-gray: #5F5F5F;
  --c-bc-button: #00689C;
  --c-bc-button-hover: #006a9d;
  --c-bc-buttonAlt: #42A046;
  --c-bc-buttonAlt-hover: #2e8026;
  --c-bc-menu: #f7f7f7;
  --c-bc-menu-dropdown: #ffffff;
  --c-bc-banner: #0088cc1c;
  --c-bc-product: #ffffff;
  --c-bc-product-hightlight: #00689C;
  --c-bc-product-actions: #F9F9F9;
  --c-bc-loader: #42A046;
  --c-bc-countdown: #ee8179;
  --c-bc-transparant: rgba(0, 136, 204, 0.05);
  --c-bc-transparant-hover: rgba(0, 136, 204, 0.15);

  /* Font colors */
  --c-font-main: #252339;
  --c-font-light-gray: #9F9F9F;
  --c-font-white: #ffffff;
  --c-font-url: #252339;
  --c-font-url-hover: #00689C;
  --c-font-product-actions: #6b6b6b;
  --c-font-menu-icons: #42A046;

  /* Border colors */
  --c-border-main: #EDEDED;
  --c-border-light: #42A046;
  --c-border-light-hover: #2e8026;
  --c-border-inputs: #dadada;

  /* Sizing */
  --f-size-main: 16px;

}

/* [Media Query] Mobile (575px) */
@media only screen and (max-width: 575px) {

  :root {

    /* Sizing */
    --f-size-main: 14px;

  }

}