/* see https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight for how font-weights match up */

/* 

for example, if you want Raleway-Black, use font-weight: 900 

Available weights:

100 thin
200 Extra Light
300 Light
400 (normal) Normal
500 Medium
600 Semi-Bold
700 (bold) Bold
800 Extra Bold
900 Black

*/

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url(raleway-thin-webfont.woff2) format('woff2'),
    url(raleway-thin-webfont.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100;
  src: url(raleway-thinitalic-webfont.woff2) format('woff2'),
    url(raleway-thinitalic-webfont.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url(raleway-extralight-webfont.woff2) format('woff2'),
    url(raleway-extralight-webfont.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  src: url(raleway-extralightitalic-webfont.woff2) format('woff2'),
    url(raleway-extralightitalic-webfont.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url(raleway-light-webfont.woff2) format('woff2'),
    url(raleway-light-webfont.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url(raleway-lightitalic-webfont.woff2) format('woff2'),
    url(raleway-lightitalic-webfont.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(raleway-regular-webfont.woff2) format('woff2'),
    url(raleway-regular-webfont.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url(raleway-italic-webfont.woff2) format('woff2'),
    url(raleway-italic-webfont.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url(raleway-medium-webfont.woff2) format('woff2'),
    url(raleway-medium-webfont.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url(raleway-mediumitalic-webfont.woff2) format('woff2'),
    url(raleway-mediumitalic-webfont.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url(raleway-semibold-webfont.woff2) format('woff2'),
    url(raleway-semibold-webfont.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url(raleway-semibolditalic-webfont.woff2) format('woff2'),
    url(raleway-semibolditalic-webfont.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(raleway-bold-webfont.woff2) format('woff2'),
    url(raleway-bold-webfont.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url(raleway-bolditalic-webfont.woff2) format('woff2'),
    url(raleway-bolditalic-webfont.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url(raleway-extrabold-webfont.woff2) format('woff2'),
    url(raleway-extrabold-webfont.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: url(raleway-extrabolditalic-webfont.woff2) format('woff2'),
    url(raleway-extrabolditalic-webfont.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url(raleway-black-webfont.woff2) format('woff2'),
    url(raleway-black-webfont.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  src: url(raleway-blackitalic-webfont.woff2) format('woff2'),
    url(raleway-blackitalic-webfont.woff) format('woff');
  font-display: swap;
}