/**********************************************************
// FONT >> Roboto >> 300 - Light
**********************************************************/
@font-face {
    font-family: "Roboto";
    src: local("Roboto Light"), local("Roboto-Light"),
        url(../Fonts/Roboto-Light.woff2) format("woff2"),
        url(../Fonts/Roboto-Light.woff) format("woff");
	font-display: swap;
	font-style: normal;
    font-weight: 300;
	}

/**********************************************************
// FONT >> Roboto >> 300 - Light (Italic)
**********************************************************/
@font-face {
    font-family: "Roboto";
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"),
        url(../Fonts/Roboto-LightItalic.woff2) format("woff2"),
        url(../Fonts/Roboto-LightItalic.woff) format("woff");
	font-display: swap;
	font-style: italic;
    font-weight: 300;
	}

/**********************************************************
// FONT >> Roboto >> 400 - Regular
**********************************************************/
@font-face {
    font-family: "Roboto";
    src: local("Roboto Regular"), local("Roboto-Regular"),
        url(../Fonts/Roboto-Regular.woff2) format("woff2"),
        url(../Fonts/Roboto-Regular.woff) format("woff");
	font-display: swap;
	font-style: normal;
    font-weight: 400;
	}

/**********************************************************
// FONT >> Roboto >> 400 - Regular (Italic)
**********************************************************/
@font-face {
    font-family: "Roboto";
    src: local("Roboto Italic"), local("Roboto-Italic"),
        url(../Fonts/Roboto-Italic.woff2) format("woff2"),
        url(../Fonts/Roboto-Italic.woff) format("woff");
	font-display: swap;
	font-style: italic;
    font-weight: 400;
	}

/**********************************************************
// FONT >> Roboto >> 500 - Medium
**********************************************************/
@font-face {
    font-family: "Roboto";
    src: local("Roboto Medium"), local("Roboto-Medium"),
        url(../Fonts/Roboto-Medium.woff2) format("woff2"),
        url(../Fonts/Roboto-Medium.woff) format("woff");
	font-display: swap;
	font-style: normal;
    font-weight: 500;
	}

/**********************************************************
// FONT >> Roboto >> 500 - Medium (Italic)
**********************************************************/
@font-face {
    font-family: "Roboto";
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
        url(../Fonts/Roboto-MediumItalic.woff2) format("woff2"),
        url(../Fonts/Roboto-MediumItalic.woff) format("woff");
	font-display: swap;
	font-style: italic;
    font-weight: 500;
	}

/**********************************************************
// FONT >> Roboto >> 600 - SemiBold
**********************************************************/
@font-face {
    font-family: "Roboto";
    src: local("Roboto SemiBold"), local("Roboto-SemiBold"),
        url(../Fonts/Roboto-SemiBold.woff2) format("woff2"),
        url(../Fonts/Roboto-SemiBold.woff) format("woff");
	font-display: swap;
	font-style: normal;
    font-weight: 600;
	}

/**********************************************************
// FONT >> Roboto >> 600 - SemiBold (Italic)
**********************************************************/
@font-face {
    font-family: "Roboto";
    src: local("Roboto SemiBold Italic"), local("Roboto-SemiBoldItalic"),
        url(../Fonts/Roboto-SemiBoldItalic.woff2) format("woff2"),
        url(../Fonts/Roboto-SemiBoldItalic.woff) format("woff");
	font-display: swap;
	font-style: italic;
    font-weight: 600;
	}

/**********************************************************
// FONT >> Roboto >> 600 - Bold
**********************************************************/
@font-face {
    font-family: "Roboto";
    src: local("Roboto Bold"), local("Roboto-Bold"),
        url(../Fonts/Roboto-Bold.woff2) format("woff2"),
        url(../Fonts/Roboto-Bold.woff) format("woff");
	font-display: swap;
	font-style: normal;
    font-weight: 700;
	}

/**********************************************************
// FONT >> Roboto >> 600 - Bold (Italic)
**********************************************************/
@font-face {
    font-family: "Roboto";
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"),
        url(../Fonts/Roboto-BoldItalic.woff2) format("woff2"),
        url(../Fonts/Roboto-BoldItalic.woff) format("woff");
	font-display: swap;
	font-style: italic;
    font-weight: 700;
	}