/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./scss/fonts.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./scss/fonts.scss (1) ***!
  \********************************************************************************************************************************************************************************************************************************************/
/*
// Colors.

$color-bg-highlighted: darken($color-bg-body, 12);
$color-bg-hover: rgba(#000, 0.04);
$color-border: darken($color-bg-body, 20);

$color-link: darken($theme-secondary, 10);
$color-text-secondary: rgba($color-text-base, .60);
$color-text-disabled: rgba($color-text-base, .38);

$color-text-light-base: #FFF;
$color-text-light: $color-text-light-base;

$color-on-primary: $color-text-light;
$color-on-secondary: $color-text-light;

$color-text-placeholer: rgba($color-text-base, .6);
*/
/*
$ss: 360px;
$ms: 480px;
$xs: 576px;
$sm: 768px;
$md: 992px;
$lg: 1200px;
$xl: 1520px;
*/
/*
// Flexbox Grid http://flexboxgrid.com/
// used as Flexbox Grid Sass https://github.com/hugeinc/flexboxgrid-sass.

// Master namespace.
$flexboxgrid-grid-columns: 12;
$flexboxgrid-gutter-width: $gutter;
$flexboxgrid-outer-margin: $gutter;
$flexboxgrid-breakpoints:
  sm $sm auto,
  md $md auto,
  lg $lg $lg;
$flexboxgrid-max-width: $lg;

// 8.0.5 namespace.
$grid-columns: $flexboxgrid-grid-columns;
$gutter-width: $flexboxgrid-gutter-width;
$outer-margin: $flexboxgrid-outer-margin;
$breakpoints: $flexboxgrid-breakpoints;
*/
/*
@font-face {
  font-family: 'FONTNAME';
  src: url('../fonts/FONTNAME-bold.woff2') format('woff2'),
       url('../fonts/FONTNAME-bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'FONTNAME';
  src: url('../fonts/FONTNAME-medium.woff2') format('woff2'),
       url('../fonts/FONTNAME-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'FONTNAME';
  src: url('../fonts/FONTNAME-regular.woff2') format('woff2'),
       url('../fonts/FONTNAME-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
*/

/*# sourceMappingURL=fonts.css.map*/