/* 400 = Normal (CSS) / Regular (font foundry)
 * 500 = Medium
 * 600 = Semi Bold
 * 700 = Bold
*/

/* URL paths are relative. Fonts folder is a subdir of dir where style.css is, so leading slash or ../
 * not applied. A leading slash would make the path absolute, which would cause the browser to look
 * for a fonts folder at the root level of the website, which would not work. */

@font-face {
    font-family: Archivo;
	src: local('Archivo Bold'), local('Archivo-Bold'),
		 url('fonts/Archivo-Bold.woff2') format('woff2'),
	     url('fonts/Archivo-Bold.woff') format('woff'),
         url('fonts/Archivo-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: Archivo;
    src: local('Archivo Regular'), local('Archivo-Regular'),
		 url('fonts/Archivo-Regular.woff2') format('woff2'),
	     url('fonts/Archivo-Regular.woff') format('woff'),
	     url('fonts/Archivo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: Archivo;
    src: local('Archivo SemiBold'), local('Archivo-SemiBold'),
		 url('fonts/Archivo-SemiBold.woff2') format('woff2'),
	     url('fonts/Archivo-SemiBold.woff') format('woff'),
	     url('fonts/Archivo-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
		 url('fonts/Montserrat-Bold.woff2') format('woff2'),
	     url('fonts/Montserrat-Bold.woff') format('woff'),
	     url('fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: local('Montserrat BoldItalic'), local('Montserrat-BoldItalic'),
		 url('fonts/Montserrat-BoldItalic.woff2') format('woff2'),
	     url('fonts/Montserrat-BoldItalic.woff') format('woff'),
	     url('fonts/Montserrat-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
		 url('fonts/Montserrat-Medium.woff2') format('woff2'),
	     url('fonts/Montserrat-Medium.woff') format('woff'),
	     url('fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: OpenSans;
	src: local('OpenSans Bold'), local('OpenSans-Bold'),
		 url('fonts/OpenSans-Bold.woff2') format('woff2'),
	     url('fonts/OpenSans-Bold.woff') format('woff'),
         url('fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: OpenSans;
	src: local('OpenSans BoldItalic'), local('OpenSans-BoldItalic'),
		 url('fonts/OpenSans-BoldItalic.woff2') format('woff2'),
	     url('fonts/OpenSans-BoldItalic.woff') format('woff'),
         url('fonts/OpenSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: OpenSans;
	src: local('OpenSans Italic'), local('OpenSans-Italic'),
		 url('fonts/OpenSans-Italic.woff2') format('woff2'),
	     url('fonts/OpenSans-Italic.woff') format('woff'),
         url('fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: OpenSans;
	src: local('OpenSans Medium'), local('OpenSans-Medium'),
		 url('fonts/OpenSans-Medium.woff2') format('woff2'),
	     url('fonts/OpenSans-Medium.woff') format('woff'),
         url('fonts/OpenSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: OpenSans;
	src: local('OpenSans MediumItalic'), local('OpenSans-MediumItalic'),
		 url('fonts/OpenSans-MediumItalic.woff2') format('woff2'),
	     url('fonts/OpenSans-MediumItalic.woff') format('woff'),
         url('fonts/OpenSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: OpenSans;
	src: local('OpenSans Regular'), local('OpenSans-Regular'),
		 url('fonts/OpenSans-Regular.woff2') format('woff2'),
	     url('fonts/OpenSans-Regular.woff') format('woff'),
         url('fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: OpenSans;
	src: local('OpenSans SemiBold'), local('OpenSans-SemiBold'),
		 url('fonts/OpenSans-SemiBold.woff2') format('woff2'),
	     url('fonts/OpenSans-SemiBold.woff') format('woff'),
         url('fonts/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: OpenSans;
	src: local('OpenSans SemiBoldItalic'), local('OpenSans-SemiBoldItalic'),
		 url('fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
	     url('fonts/OpenSans-SemiBoldItalic.woff') format('woff'),
         url('fonts/OpenSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}