/* FONTS */
/*
@font-face {
  font-family: 'DM Sans';
  src: url(../../fonts/DMSans-Bold.woff);
  src: url(../../fonts/DMSans-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
  font-family: 'DM Sans';
  src: url(../../fonts/DMSans-Italic.woff);
  src: url(../../fonts/DMSans-Italic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'DM Sans';
  src: url(../../fonts/DMSans-Medium.woff);
  src: url(../../fonts/DMSans-Medium.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'DM Sans';
  src: url(../../fonts/DMSans-Medium.woff);
  src: url(../../fonts/DMSans-Medium.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'DM Sans';
  src: url(../../fonts/DMSans-Regular.woff);
  src: url(../../fonts/DMSans-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
 */

@font-face {
  font-family: 'Lato';
  src: url(../../fonts/Lato-Light.woff);
  src: url(../../fonts/Lato-Light.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url(../../fonts/Lato-Bold.woff);
  src: url(../../fonts/Lato-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url(../../fonts/Lato-Italic.woff);
  src: url(../../fonts/Lato-Italic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url(../../fonts/Lato-Regular.woff);
  src: url(../../fonts/Lato-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}


@font-face {
  font-family: 'Montserrat';
  src: url(../../fonts/Montserrat-Light.woff);
  src: url(../../fonts/Montserrat-Light.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url(../../fonts/Montserrat-Bold.woff);
  src: url(../../fonts/Montserrat-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url(../../fonts/Montserrat-Italic.woff);
  src: url(../../fonts/Montserrat-Italic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url(../../fonts/Montserrat-Regular.woff);
  src: url(../../fonts/Montserrat-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url(../../fonts/Montserrat-SemiBold.woff);
  src: url(../../fonts/Montserrat-SemiBold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}

/*
@font-face {
  font-family: 'Nunito Sans';
  src: url(../../fonts/NunitoSans-Light.woff);
  src: url(../../fonts/NunitoSans-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
  font-family: 'Nunito Sans';
  src: url(../../fonts/NunitoSans-Bold.woff);
  src: url(../../fonts/NunitoSans-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Nunito Sans';
  src: url(../../fonts/NunitoSans-Italic.woff);
  src: url(../../fonts/NunitoSans-Italic.ttf) format('truetype');
  font-weight: 400;
    font-style: italic;
}
@font-face {
  font-family: 'Nunito Sans';
  src: url(../../fonts/NunitoSans-Regular.woff);
  src: url(../../fonts/NunitoSans-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Nunito Sans';
  src: url(../../fonts/NunitoSans-SemiBold.woff);
  src: url(../../fonts/NunitoSans-SemiBold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
} */

@font-face {
  font-family: 'Open Sans';
  src: url(../../fonts/OpenSans-Light.woff);
  src: url(../../fonts/OpenSans-Light.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url(../../fonts/OpenSans-Bold.woff);
  src: url(../../fonts/OpenSans-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url(../../fonts/OpenSans-Italic.woff);
  src: url(../../fonts/OpenSans-Italic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Open Sans';
  src: url(../../fonts/OpenSans-Regular.woff);
  src: url(../../fonts/OpenSans-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url(../../fonts/OpenSans-SemiBold.woff);
  src: url(../../fonts/OpenSans-SemiBold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(../../fonts/Poppins-Light.woff);
  src: url(../../fonts/Poppins-Light.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(../../fonts/Poppins-Bold.woff);
  src: url(../../fonts/Poppins-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(../../fonts/Poppins-Italic.woff);
  src: url(../../fonts/Poppins-Italic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url(../../fonts/Poppins-Regular.woff);
  src: url(../../fonts/Poppins-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(../../fonts/Poppins-SemiBold.woff);
  src: url(../../fonts/Poppins-SemiBold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}

/*
@font-face {
  font-family: 'Red Hat Display';
  src: url(../../fonts/RedHatDisplayLight.woff);
  src: url(../../fonts/RedHatDisplayLight.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
  font-family: 'Red Hat Display';
  src: url(../../fonts/RedHatDisplayBold.woff);
  src: url(../../fonts/RedHatDisplayBold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Red Hat Display';
  src: url(../../fonts/RedHatDisplayItalic.woff);
  src: url(../../fonts/RedHatDisplayItalic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Red Hat Display';
  src: url(../../fonts/RedHatDisplayRegular.woff);
  src: url(../../fonts/RedHatDisplayRegular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Red Hat Display';
  src: url(../../fonts/RedHatDisplaySemiBold.woff);
  src: url(../../fonts/RedHatDisplaySemiBold.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
} */
@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-BlackItalic.woff);
  src: url(../../fonts/Roboto-BlackItalic.ttf) format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-Bold.woff);
  src: url(../../fonts/Roboto-Bold.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-BoldItalic.woff);
  src: url(../../fonts/Roboto-BoldItalic.ttf) format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-Italic.woff);
  src: url(../../fonts/Roboto-Italic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-Light.woff);
  src: url(../../fonts/Roboto-Light.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-Medium.woff);
  src: url(../../fonts/Roboto-Medium.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-MediumItalic.woff);
  src: url(../../fonts/Roboto-MediumItalic.ttf) format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-Regular.woff);
  src: url(../../fonts/Roboto-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-Black.woff);
  src: url(../../fonts/Roboto-Black.ttf) format('truetype');
  font-weight: 900;
  font-style: normal;
}

/* Noto Serif */
@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-Black.ttf) format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-BlackItalic.ttf) format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-Bold.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-BoldItalic.ttf) format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-ExtraBold.ttf) format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-ExtraBoldItalic.ttf) format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-ExtraLight.ttf) format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-ExtraLightItalic.ttf) format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-Italic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-Light.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-LightItalic.ttf) format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-Medium.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-MediumItalic.ttf) format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-SemiBold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-SemiBoldItalic.ttf) format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-Thin.ttf) format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Serif';
  src: url(../../fonts/NotoSerif-ThinItalic.ttf) format('truetype');
  font-weight: 100;
  font-style: italic;
}

/* Source Sans Pro */
@font-face {
  font-family: 'Source Sans Pro';
  src: url(../../fonts/SourceSansPro-Black.ttf) format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url(../../fonts/SourceSansPro-BlackItalic.ttf) format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url(../../fonts/SourceSansPro-Bold.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url(../../fonts/SourceSansPro-BoldItalic.ttf) format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url(../../fonts/SourceSansPro-ExtraLight.ttf) format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url(../../fonts/SourceSansPro-ExtraLightItalic.ttf) format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url(../../fonts/SourceSansPro-Italic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url(../../fonts/SourceSansPro-Light.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url(../../fonts/SourceSansPro-LightItalic.ttf) format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url(../../fonts/SourceSansPro-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url(../../fonts/SourceSansPro-SemiBold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url(../../fonts/SourceSansPro-SemiBoldItalic.ttf) format('truetype');
  font-weight: 600;
  font-style: italic;
}