:root {
  --blue: #4e73df;  /* not used */
  --indigo: #6610f2;  /* not used */
  --purple: #6f42c1;  /* not used */
  --pink: #e83e8c;  /* not used */
  --red: #e74a3b;  /* not used */
  --orange: #fd7e14;  /* not used */
  --yellow: #f6c23e;  /* not used */
  --green: #1cc88a;  /* not used */
  --teal: #20c9a6;  /* not used */
  --cyan: #36b9cc;  /* not used */
  --white: #fff;
  --gray: #858796;  /* not used */
  --gray-dark: #5a5c69;  /* not used */
  --primary: #10766B;
  --primary-gradient: #000000;
  --primary-hover-background: #fff;
  --primary-hover-border: #10766B;
  --secondary: #858796;
  --secondary-gradient: #60616f;
  --success: #1cc88a;
  --info: #36b9cc;
  --warning: #f6c23e;
  --danger: #e74a3b;
  --light: #f8f9fc;
  --dark: #5a5c69;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-size: 1rem;
  --background: #EAECF4;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: var(--breakpoint-sm)) {
  :root {
	--font-size: 1rem;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: var(--breakpoint-sm)) {
  :root {
	--font-size: 1rem;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: var(--breakpoint-md)) {
  :root {
	--font-size: 0.8rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: var(--breakpoint-lg)) {
  :root {
	--font-size: 0.9rem;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: var(--breakpoint-xl)) {
  :root {
	--font-size: 1rem;
  }
}