/* @font-face {
	font-family:"Garamond Macron  by Paul Kennett";
	src:url("../../../fonts/Garamond Macron/NK_Mono.eot?") format("eot"),
		url("../../../fonts/Garamond Macron/NK_Mono.woff") format("woff"),
		url("../../../fonts/Garamond Macron/NK_Mono.ttf") format("truetype"),
		url("../../../fonts/Garamond Macron/NK_Mono.svg#NK_MonotypeCorsiva") format("svg");
} */
/* @font-face {font-family:"NK_Monotype Corsiva";src:
	url("../../../fonts/NK_Monotype_Corsiva/NK_Mono.eot?") format("eot"),
	url("../../../fonts/NK_Monotype_Corsiva/NK_Mono.woff") format("woff"),
	url("../../../fonts/NK_Monotype_Corsiva/NK_Mono.ttf") format("truetype"),
	url("../../../fonts/NK_Monotype_Corsiva/NK_Mono.svg#NK_MonotypeCorsiva") 
} */
/* @font-face {
	font-family:"Gourmand  Italic";
	src:url("../../../fonts/Gourmand__Italic/gourmanditalic.eot?") format("eot"),
		url("../../../fonts/Gourmand__Italic/gourmanditalic.woff") format("woff"),
		url("../../../fonts/Gourmand__Italic/gourmanditalic.ttf") format("truetype"),
		url("../../../fonts/Gourmand__Italic/gourmanditalic.svg#GourmandItalic") format("svg");
	font-size: small;
}
@font-face {
	font-family:"Gemerald";
	src:url("../../../fonts/Gemerald/Gemerald.eot?") format("eot"),
		url("../../../fonts/Gemerald/Gemerald.woff") format("woff"),
		url("../../../fonts/Gemerald/Gemerald.ttf") format("truetype"),
		url("../../../fonts/Gemerald/Gemerald.svg#Gemerald") format("svg");
}
@font-face {
	font-family:"Gourmand";
	src:url("../../../fonts/Gourmand/gourmand.eot?") format("eot"),
		url("../../../fonts/Gourmand/gourmand.woff") format("woff"),
		url("../../../fonts/Gourmand/gourmand.ttf") format("truetype"),
		url("../../../fonts/Gourmand/gourmand.svg#Gourmand") format("svg");
} */


body {
	font-family: "Monotype Corsiva", "Times New Roman";
	src: local('Monotype Corsiva'), local('Times New Roman');
	font-display: swap;
	background: #4F4644;
	margin: 0vw;
	user-select: none;
}

@media only screen and (min-device-width: 801px) {
	.grid_selector {
		display: grid;
		grid-template-rows: auto auto auto;
		grid-template-columns: 23vw auto;
		grid-template-areas: 
			"header header" 
			"menu main" 
			"menu main";
	}
}

@media only screen and (max-device-width: 800px) {
	.grid_selector {
		display: grid;
		grid-template-rows: auto auto auto;
		grid-template-columns: auto;
		grid-template-areas: 
			"header" 
			"main" 
			"footer";
		background-image: url(../../../img/background.png);
		background-size: 100%;
	}
}

.grid {
	display: grid;
	grid-template-rows: auto auto 10vw;
	grid-template-columns: auto;
	grid-template-areas: "header" "main" "footer";
	background-image: url(../../../img/background.png);
    background-size: 100%;
}