/* Noto Sans */
@font-face {
  font-family: "NotoSansRegular";
  src: url("../fonts/notosans/NotoSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "NotoSansMedium";
  src: url("../fonts/notosans/NotoSans-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "NotoSansBold";
  src: url("../fonts/notosans/NotoSans-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "NotoSansLight";
  src: url("../fonts/notosans/NotoSans-Light.ttf") format("truetype");
}

@font-face {
  font-family: "NotoSansThin";
  src: url("../fonts/notosans/NotoSans-Thin.ttf") format("truetype");
}


/* Monserat */
@font-face {
  font-family: "MonseratBold";
  src: url("../fonts/monserat/Montserrat-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "MonseratLight";
  src: url("../fonts/monserat/Montserrat-Light.ttf") format("truetype");
}

@font-face {
  font-family: "MonseratMedium";
  src: url("../fonts/monserat/Montserrat-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "MonseratRegular";
  src: url("../fonts/monserat/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "MonseratThin";
  src: url("../fonts/monserat/Montserrat-Thin.ttf") format("truetype");
}

/* Roboto */
@font-face {
  font-family: "RobotoBold";
  src: url("../fonts/RobotoSlab-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "RobotoLight";
  src: url("../fonts/RobotoSlab-Light.ttf") format("truetype");
}

@font-face {
  font-family: "RobotoMedium";
  src: url("../fonts/RobotoSlab-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "RobotoRegular";
  src: url("../fonts/RobotoSlab-Regular.ttf") format("truetype");
}


@font-face {
  font-family: "RobotoThin";
  src: url("../fonts/RobotoSlab-Thin.ttf") format("truetype");
}

/* RobotoClass */

.robotoThin {
  font-family: "RobotoThin", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.robotoRegular {
  font-family: "RobotoRegular", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.robotoMedium {
  font-family: "RobotoMedium", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.robotoLight {
  font-family: "RobotoLight", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.robotoBold {
  font-family: "RobotoBold", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* MonseratClass */

.monseratRegular {
  font-family: "MonseratRegular", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.monseratMedium {
  font-family: "MonseratMedium", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.monseratLight {
  font-family: "MonseratLight", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.monseratBold {
  font-family: "MonseratBold", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
}

/* NotoSansClass */

.notosansRegular {
  font-family: "NotoSansRegular", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
}

.notosansMedium {
  font-family: "NotoSansMedium", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
}

.notosansBold {
  font-family: "NotoSansBold", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
}

.notosansLight {
  font-family: "NotoSansLight", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
}

.notosansThin {
  font-family: "NotoSansThin", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
}