@font-face {
    font-family: "Serenity-Light";
    src: url("../fonts/serenity/Serenity-Light.eot");
    src: url("../fonts/serenity/Serenity-Light.eot?#iefix")format("embedded-opentype"),
    url("../fonts/serenity/Serenity-Light.woff2")format("woff2"),
    url("../fonts/serenity/Serenity-Light.woff")format("woff"),
    url("../fonts/serenity/Serenity-Light.ttf")format("truetype"),
    url("../fonts/serenity/Serenity-Light.svg#Serenity-Light")format("svg");
	font-display:swap;
}
@font-face {
    font-family: "Serenity-Medium";
    src: url("../fonts/serenity/Serenity-Medium.eot");
    src: url("../fonts/serenity/Serenity-Medium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/serenity/Serenity-Medium.woff2")format("woff2"),
    url("../fonts/serenity/Serenity-Medium.woff")format("woff"),
    url("../fonts/serenity/Serenity-Medium.ttf")format("truetype"),
    url("../fonts/serenity/Serenity-Medium.svg#Serenity-Medium")format("svg");
	font-display:swap;
}

@font-face {
    font-family: 'Roboto';
    src:  local('Roboto'), url('../fonts/roboto/Roboto-Regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display:swap;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), url('../fonts/roboto/Roboto-Italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
	font-display:swap;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), url('../fonts/roboto/Roboto-Bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
	font-display:swap;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), url('../fonts/roboto/Roboto-BoldItalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
	font-display:swap;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed'), url('../fonts/roboto/Roboto-Condensed-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display:swap;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed'), url('../fonts/roboto/Roboto-CondensedItalic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
	font-display:swap;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed'), url('../fonts/roboto/Roboto-BoldCondensed-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
	font-display:swap;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed'), url('../fonts/roboto/Roboto-BoldCondensedItalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
	font-display:swap;
}
@font-face {
    font-family: 'Roboto Thin';
    src: local('Roboto Thin'), url('../fonts/roboto/Roboto-Thin-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display:swap;
}
@font-face {
    font-family: 'Roboto Thin';
    src: local('Roboto Thin'), url('../fonts/roboto/Roboto-ThinItalic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
	font-display:swap;

}
@font-face {
    font-family: 'Roboto Light';
    src: local('Roboto Light'), url('../fonts/roboto/Roboto-Light-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display:swap;

}
@font-face {
    font-family: 'Roboto Light';
    src: local('Roboto Light'), url('../fonts/roboto/Roboto-LightItalic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
	font-display:swap;

}
@font-face {
    font-family: 'Roboto Medium';
    src: local('Roboto Medium'), url('../fonts/roboto/Roboto-Medium-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display:swap;

}
@font-face {
    font-family: 'Roboto Medium';
    src: local('Roboto Medium'), url('../fonts/roboto/Roboto-MediumItalic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
	font-display:swap;

}
@font-face {
    font-family: 'Roboto Black';
    src: local('Roboto Black'), url('../fonts/roboto/Roboto-Black-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display:swap;
}
@font-face {
    font-family: 'Roboto Black';
    src: local('Roboto Black'), url('../fonts/roboto/Roboto-BlackItalic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
	font-display:swap;
}