@font-face {
    font-family: 'Heading';
	font-weight: 500;
    font-style: normal;
	font-display: swap;
    src: local('Raleway Medium'),
         url('../fonts/ralewaymedium.woff2') format('woff2'),
         url('../fonts/ralewaymedium.woff') format('woff');
}
@font-face {
    font-family: 'Heading';
	font-weight: 700;
    font-style: normal;
	font-display: swap;
    src: local('Raleway Bold'),
         url('../fonts/ralewaybold.woff2') format('woff2'),
         url('../fonts/ralewaybold.woff') format('woff');
}
@font-face {
    font-family: 'Heading';
	font-weight: 900;
    font-style: normal;
	font-display: swap;
    src: local('Raleway Black'),
         url('../fonts/ralewayblack.woff2') format('woff2'),
         url('../fonts/ralewayblack.woff') format('woff');
}
@font-face {
    font-family: 'Heading';
	font-weight: 900;
    font-style: italic;
	font-display: swap;
    src: local('Raleway Black Italic'),
         url('../fonts/ralewayblackitalic.woff2') format('woff2'),
         url('../fonts/ralewayblackitalic.woff') format('woff');
}
@font-face {
    font-family: 'Base';
	font-weight: 400;
    font-style: normal;
	font-display: swap;
    src: local('Lato Regular'),
         url('../fonts/latoregular.woff2') format('woff2'),
         url('../fonts/latoregular.woff') format('woff');
}
@font-face {
    font-family: 'Base';
	font-weight: 400;
    font-style: italic;
	font-display: swap;
    src: local('Lato Italic'),
         url('../fonts/latoitalic.woff2') format('woff2'),
         url('../fonts/latoitalic.woff') format('woff');
}
@font-face {
    font-family: 'Base';
	font-weight: 700;
    font-style: normal;
	font-display: swap;
    src: local('Lato Bold'),
         url('../fonts/latobold.woff2') format('woff2'),
         url('../fonts/latobold.woff') format('woff');
}