/*============ ASAP ============*/

 
@font-face {
  font-family: "Asap";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/asap/Asap-Regular.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Asap";
  font-style: italic;
  font-weight: 400;
  src: url("fonts/asap/Asap-Italic.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Asap";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/asap/Asap-Medium.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Asap";
  font-style: italic;
  font-weight: 500;
  src: url("fonts/asap/Asap-MediumItalic.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Asap";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/asap/Asap-SemiBold.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Asap";
  font-style: italic;
  font-weight: 600;
  src: url("fonts/asap/Asap-SemiBoldItalic.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Asap";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/asap/Asap-Bold.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Asap";
  font-style: italic;
  font-weight: 700;
  src: url("fonts/asap/Asap-BoldItalic.woff2") format("woff2");
  font-display: swap;
}

/*============ ROBOTO ============*/

 
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("fonts/roboto/Roboto-Thin.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("fonts/roboto/Roboto-ThinItalic.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/roboto/Roboto-Light.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("fonts/roboto/Roboto-LightItalic.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/roboto/Roboto-Regular.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("fonts/roboto/Roboto-Italic.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/roboto/Roboto-Medium.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("fonts/roboto/Roboto-MediumItalic.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/roboto/Roboto-Bold.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("fonts/roboto/Roboto-BoldItalic.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("fonts/roboto/Roboto-Black.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("fonts/roboto/Roboto-BlackItalic.woff2") format("woff2");
  font-display: swap;
}

/*============ ROBOTO SLAB ============*/

 
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 100;
  src: url("fonts/roboto-slab/RobotoSlab-Thin.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/roboto-slab/RobotoSlab-Light.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/roboto-slab/RobotoSlab-Regular.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/roboto-slab/RobotoSlab-Medium.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/roboto-slab/RobotoSlab-Bold.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 900;
  src: url("fonts/roboto-slab/RobotoSlab-Black.woff2") format("woff2");
  font-display: swap;
}

/*============ RALEWAY ============*/

 
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 100;
  src: url("fonts/raleway/Raleway-Thin.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Raleway";
  font-style: italic;
  font-weight: 100;
  src: url("fonts/raleway/Raleway-ThinItalic.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/raleway/Raleway-Light.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Raleway";
  font-style: italic;
  font-weight: 300;
  src: url("fonts/raleway/Raleway-LightItalic.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/raleway/Raleway-Regular.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Raleway";
  font-style: italic;
  font-weight: 400;
  src: url("fonts/raleway/Raleway-Italic.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/raleway/Raleway-Medium.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Raleway";
  font-style: italic;
  font-weight: 500;
  src: url("fonts/raleway/Raleway-MediumItalic.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/raleway/Raleway-Bold.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Raleway";
  font-style: italic;
  font-weight: 700;
  src: url("fonts/raleway/Raleway-BoldItalic.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 900;
  src: url("fonts/raleway/Raleway-Black.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Raleway";
  font-style: italic;
  font-weight: 900;
  src: url("fonts/raleway/Raleway-BlackItalic.woff2") format("woff2");
  font-display: swap;
}

/*============ OPEN SANS ============*/

 
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/open-sans/OpenSans-Light.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src: url("fonts/open-sans/OpenSans-LightItalic.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/open-sans/OpenSans-Regular.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("fonts/open-sans/OpenSans-Italic.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/open-sans/OpenSans-Medium.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 500;
  src: url("fonts/open-sans/OpenSans-MediumItalic.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/open-sans/OpenSans-Bold.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: url("fonts/open-sans/OpenSans-BoldItalic.woff2") format("woff2");
  font-display: swap;
}

/*============ BREE SERIF ============*/

 
@font-face {
  font-family: "Bree Serif";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/bree-serif/BreeSerif-Regular.woff2") format("woff2");
  font-display: swap;
}

/*============ TT COMMONS ============*/

 
@font-face {
  font-family: "tt commons";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/tt-commons/TTCommonsPro-Regular.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "tt commons";
  font-style: bold;
  font-weight: 700;
  src: url("fonts/tt-commons/TTCommonsPro-Bold.woff2") format("woff2");
  font-display: swap;
}

/*============ LINETO CIRCULAR ============*/

 
@font-face {
  font-family: "Lineto Circular";
  font-style: normal;
  font-weight: 100;
  src: url("fonts/lineto-circular/lineto-circular-book.woff2") format("woff2");
  font-display: swap;
}


@font-face {
  font-family: "Lineto Circular";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/lineto-circular/lineto-circular-black.woff2") format("woff2");
  font-display: swap;
}