@font-face {
	font-family: "EB Garamond";
	src: url("/shop/css/fonts/EBGaramond-VariableFont_wght.ttf") format("truetype");
}

font-face {
	font-family: "EBGaramond-ExtraBold";
	src: url("/shop/css/fonts/EBGaramond-ExtraBold.ttf") format("truetype");
}

@font-face {
	font-family: "Lato";
	src: url("/shop/css/fonts/Lato-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Poppins";
	src: url("/shop/css/fonts/Poppins-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "IMFeENsc28P";
	src: url("/shop/css/fonts/IMFeENsc28P.ttf") format("truetype");
}

@font-face {
	font-family: "MarchRough";
	src: url("/shop/css/fonts/MarchRough.ttf") format("truetype");
}

body {
	margin: 0;
	padding: 0;
	font: normal 13px "EB Garamond";
	line-height: 1.6em;
	--max-width: 1280px;
	--page-width: min(var(--max-width), 100%);
	--header-height: 177px;
	--header-front-color: #717D73;
	--navbar-front-color: white;
	--navbar-back-color: #ACB7AC;
	--navbar-padding-vertical: 10px;
	--banner1-color: #4E6752;
	--banner2-color: #37507C;
	--banner3-color: #717D73;
	--banner4-color: #9CAEB4;
	--banner5-color: #ACB7AC;
	--footer-front-color: white;
	--banner-color: var(--banner1-color);
	--section-color: #6B777A;
	--back-color: #E2E5E2;
	color: var(--section-color);
	background: var(--back-color);
}

body.phone {
	--header-height: 127px;
	--max-width: 100%;
}

a, a:active, a:visited {
    color: #333;
    text-decoration: none;
    outline: medium none;
}

#logo {
	--logo-top-padding: 20px;
	--logo-bottom-padding: 20px;
	--logo-right-padding: 20px;
	--logo-left-padding: 20px;
	--logo-ratio: calc(500 / 522);
	--logo-height: calc(var(--header-height) - var(--logo-bottom-padding) - var(--logo-top-padding));
	--logo-width: calc(var(--logo-height) * var(--logo-ratio));
	padding: var(--logo-top-padding) var(--logo-right-padding) var(--logo-bottom-padding) var(--logo-left-padding);
	height: var(--logo-height);
}