:root {
  --font-family: 'Arial', sans-serif;
  --font-size-normal: 1.1em;
  --font-size-large: 1.5em;
  --font-size-small: 0.85em;
  --color-primary: #333333;
  --color-secondary: #F5F3EF;
  --color-text: ##F5F3EF;
  --color-accent: #D9C8B4;
  --color-accent-darker: #a78f75;
  --color-accent-dark: rgb(105, 91, 75);
  --color-text-inverse: #DDDDDD;
  --color-background: #E6E6E7;
  --screen-wide: 1200px;
  --screen-medium: 768px;
  --screen-small: 400px;
}

@media (max-width: 400px) {
  :root {
    --font-size-normal: 1.0em;
    --font-size-large: 1.1em;
    --font-size-small: 0.85em;
  }
}
@media (max-width: 768px) {
  body {
    font-size: 0.95em;
  }
  h1 {
    font-size: 1.5em;
  }
  h2 {
    font-size: 1.25em;
  }
}
@font-face {
  font-family: roboto;
  src: url(../fonts/roboto/woff/Roboto-Regular.woff);
}
@font-face {
  font-family: roboto;
  src: url(../fonts/roboto/woff/Roboto-Light.woff);
  font-weight: lighter;
}
@font-face {
  font-family: roboto;
  src: url(../fonts/roboto/woff/Roboto-Bold.woff);
  font-weight: bold;
}

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