@font-face {
    font-family: "CircularPro";
    src:url("fonts/CircularPro-Book.woff2") format("woff2"),
        url("fonts/CircularPro-Book.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "CircularPro";
    src:url("fonts/CircularPro-BookItalic.woff2") format("woff2"),
        url("fonts/CircularPro-BookItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "CircularPro";
    src:url("fonts/CircularPro-Medium.woff2") format("woff2"),
        url("fonts/CircularPro-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "CircularPro";
    src:url("fonts/CircularPro-MediumItalic.woff2") format("woff2"),
        url("fonts/CircularPro-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "CircularPro";
    src:url("fonts/CircularPro-Bold.woff2") format("woff2"),
        url("fonts/CircularPro-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "CircularPro";
    src:url("fonts/CircularPro-BoldItalic.woff2") format("woff2"),
        url("fonts/CircularPro-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
}

body{
	font-family: "CircularPro", sans-serif;
}
	
p.book{
	font-weight: 300;
}

p.medium{
	font-weight: 500;
}

p.bold{
	font-weight: 700;
}
	
i{
	font-style:italic;
}