@font-face {
    font-family: 'Base';
	font-weight: 400;
    font-style: normal;
	font-display: swap;
    src: local('Open Sans Regular'),
         url('../fonts/opensansregular.woff2') format('woff2'),
         url('../fonts/opensansregular.woff') format('woff');
}
@font-face {
    font-family: 'Base';
	font-weight: 700;
    font-style: normal;
	font-display: swap;
    src: local('Open Sans Bold'),
         url('../fonts/opensansbold.woff2') format('woff2'),
         url('../fonts/opensansbold.woff') format('woff');
}
@font-face {
    font-family: 'Heading';
	font-weight: 500;
    font-style: normal;
	font-display: swap;
    src: local('Fira Sans Medium'),
         url('../fonts/firasansmedium.woff2') format('woff2'),
         url('../fonts/firasansmedium.woff') format('woff');
}
@font-face {
    font-family: 'Heading';
	font-weight: 600;
    font-style: normal;
	font-display: swap;
    src: local('Fira Sans SemiBold'),
         url('../fonts/firasanssemibold.woff2') format('woff2'),
         url('../fonts/firasanssemibold.woff') format('woff');
}
@font-face {
    font-family: 'Heading';
	font-weight: 700;
    font-style: normal;
	font-display: swap;
    src: local('Fira Sans Bold'),
         url('../fonts/firasansbold.woff2') format('woff2'),
         url('../fonts/firasansbold.woff') format('woff');
}
@font-face {
    font-family: 'Heading';
	font-weight: 800;
    font-style: normal;
	font-display: swap;
    src: local('Fira Sans ExtraBold'),
         url('../fonts/firasansextrabold.woff2') format('woff2'),
         url('../fonts/firasansextrabold.woff') format('woff');
}
@font-face {
    font-family: 'Hand';
	font-weight: 400;
    font-style: normal;
	font-display: swap;
    src: local('Fasthand Regular'),
         url('../fonts/fasthandregular.woff2') format('woff2'),
         url('../fonts/fasthandregular.woff') format('woff');
}