/* ==========================================================================
	Base Colors
========================================================================== */
/* Brand colors */
/* Secondary colors */
/* Neutral colors */
/* System colors */
/* Digital UI colors */
/* Gradients*/
/* Background colors */
/* Period tracker */
/* Input validation colors */
/* Social media colors */
/* ==========================================================================
	Table variables overwriting from bootstrap
========================================================================== */
/* ==========================================================================
	Base Sizes
========================================================================== */
/* Spacings */
/* Navigation */
/* Logo */
/* ==========================================================================
	Z-index
========================================================================== */
/* ==========================================================================
	Base Typography
========================================================================== */
/* ==========================================================================
	Media queries breakpoints, copied from bootstrap
========================================================================== */
/* ==========================================================================
	Container width with respect to screen size
========================================================================== */
/* =================================================================
	Mediaquery Enum
==================================================================== */
/* =================================================================
	Spacing for offset containers
==================================================================== */
/* ==========================================================================
	Button mixins / shared button styles
========================================================================== */
/* ==========================================================================
	Spacing mixins
========================================================================== */
/* ==========================================================================
	Typography mixins
========================================================================== */
/* Start Typography */
/* Footer&NavTypography */
/* End Footer Typography */
/* End Typography */
@media (min-width: 768px) {
  .mediaquery-state-indicator:before {
    content: "2";
  }
}
@media (min-width: 992px) {
  .mediaquery-state-indicator {
    content: "3";
  }
}
@media (min-width: 1200px) {
  .mediaquery-state-indicator:before {
    content: "4";
  }
}
@media (min-width: 1280px) {
  .mediaquery-state-indicator:before {
    content: "5";
  }
}
@media (min-width: 1500px) {
  .mediaquery-state-indicator:before {
    content: "6";
  }
}