html {
	font-size: 100%;
}

@media (min-width: 1800px){

	html {
		font-size: 120%;
	}

}



@media (max-width: 700px){

	html {
		font-size: 120%;
	}

}


ul {
font-size: 0.875rem
}

h1,
nav li{
	font-family: 'EB Garamond', serif;
	font-weight: 400;
	font-size: 1.25rem
}

h2{
	font-family: 'EB Garamond', serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 0.875rem
}



h3,
h4,
figcaption,
table,
.filters li,
.categories li{
	font-size:  0.625rem;
	line-height: 1.35;
	font-weight: normal;
	text-transform: uppercase;
}

	.categories li{
		font-family: 'EB Garamond', serif;
		font-size:  0.725rem;
		letter-spacing: 0.01em;
	}

	nav h4{
		line-height: 1.5;
	}

h5,
footer,
.footer,
input{
	font-size: 0.625rem;
	font-weight: normal;
	text-transform: uppercase;
}

	@media (max-width: 700px){
		h5,
		footer,
		.footer,
		input{
			font-size: 0.575rem;
			font-weight: normal;
			text-transform: uppercase;
		}
	}

p{
	font-family: 'EB Garamond', serif;
	font-size: 1rem ;
	line-height: 1.6;
/* 	letter-spacing: 0.01em; */
	font-weight: normal;
}

	p:empty{
		display: none;
	}

	p + p {
		margin-top: 21px;
		/*text-indent: 21px*/
	}

strong{
	font-weight: 500;
}


/*


nav li{
	font-size: 2rem
}

*/