@font-face {
  font-family: 'Title';
  src: url('../font/title1.woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title1.woff2');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title1.woff2');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title1.woff2');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title1.woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title1.woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title2.woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title2.woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title2.woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title2.woff2');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title3.woff2');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title3.woff2');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title3.woff2');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title3.woff2');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title3.woff2');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title3.woff2');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title4.woff2');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title4.woff2');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title4.woff2');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Title';
  src: url('../font/title4.woff2');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Body';
  src: url('../font/body.woff2');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular1.woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular1.woff2');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular1.woff2');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular1.woff2');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular1.woff2');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular1.woff2');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular1.woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular1.woff2');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular1.woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular1.woff2');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular2.woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular2.woff2');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular2.woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular2.woff2');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular2.woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular2.woff2');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular2.woff2');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Regular';
  src: url('../font/regular2.woff2');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Overline";
  src: url("../font/overline.woff");
  font-weight: 900;
  font-style: italic;
}

.font-title {
  font-family: 'Title', serif;
}

.font-body {
  font-family: 'Body', sans-serif;
}

.font-regular {
  font-family: 'Regular', sans-serif;
}

.font-overline {
  font-family: 'overline', sans-serif;
}