@import url('fonts.css');

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	word-break: break-word;
/*	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
*/
	vertical-align: top;
}

html{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body{
	background:#ffffff;
	color:#222;
	padding:32px;
	text-align: center;
	font-family: eb-garamond, serif;
	font-weight: 300;
	font-size: 19px;
	letter-spacing:-.02rem;
	line-height: 1.1;
	font-variant-numeric: oldstyle-nums;
	-moz-font-feature-settings: "onum";
	-webkit-font-feature-settings: "onum";
	font-feature-settings: "onum";
}

.sc {
  font-variant: all-small-caps;
}
.em{
	font-style: italic;
}
.nor{
	font-weight: normal;
}
.bol, .bold{
	font-weight: bold;
}


h1,h2,h3,h4,h5{
	font-weight: normal;
	color:#000;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
p:first-child{
	margin-top:0;
}

h1, h2{
	;
	font-size: 1em;
	margin-bottom:1rem;
	font-weight:bold;
}

h3{
	font-size: 1em;
	font-weight:bold;
}

h4{
	font-size: 1em;
	margin: 1em auto;
	font-variant: all-small-caps;
}

a{
	color: inherit;
	display: inline-block;
	text-decoration: none;
}

strong,
.strong {
	    font-weight: 500;
}

hr{
	color:inherit;
	background-color:transparent;
	height: 0;
	text-align:center;
	border: none;
	border-top: 1px solid rgba(0,0,0,.2);
}

hr.short{
	width: 4em;
	margin: 0 auto;
}

img{
	max-width: 100%;
	margin:0;
}

img+img{
	margin-top:1em;
}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

.black{color:#000000;}

.nums{
	font-variant-numeric: lining-nums;
  -moz-font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
}



/* ------------------------------------------------
Layout
--------------------------------------------------*/

.cols {
	width:101%;
	display: flex;
	column-gap: 4.75%;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;
}

.cols-4 > * {
	flex: 1;
	flex-basis:21%;
	flex-shrink: 1;
	flex-grow:0;
	padding-bottom:4%;
}
.cols-3 > * {
	flex: 1;
	flex-basis:30%;
	flex-shrink: 1;
	flex-grow:0;
	padding-bottom:4%;
}
@media (max-width: 980px) {
	.cols-4 > * {
		flex-basis:30%;
	}
}
@media (max-width: 800px) {
	.cols-4 > *,
	.cols-3 > * {
		flex-basis:45%;
	}
}
@media (max-width: 400px) {
	.cols > * {
		flex-basis:100%;
	}
}


.page{
	background:#EBEBEB;
	margin: 0 auto;
	max-width: 1748px;
	padding:3% 4% .5%;

}

header{
	text-align: left;
	padding:0 0 3em;
}

section > header *{
	margin-top:0;
	margin-bottom:0;
	max-width:840px;
}

.site-header{
	margin-bottom: 2%;
	padding-bottom:4.25em;

}

.site-header .cols {
	width:100%;
	align-items: flex-start;
	justify-content:space-between;
	margin-bottom:4.25em;
}

@media (max-width: 600px) {
	.site-id > * {
		display:block;
	}
}
@media (min-width: 600px) {
	.site-header span+span::before{
		content: "—";
	}
}

.site-header a, .site-footer a{
	text-decoration: none;
	padding:0.125em 0;
	border-bottom:1px solid rgba(0,0,0,0);
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.site-header a:hover,
.site-header a.here{
	color:#000;
	border-bottom:1px solid rgba(0,0,0,.6);
}

.site-header h1{
	font-size: inherit;
	margin: inherit;
	line-height: inherit;
}

.site-id{
	margin-bottom:1em;
}
.site-info{
	margin-bottom:1em;
}



section,
footer {
	text-align: left;
	padding:1em 0 4em;
	min-width: 280px;
	border-top: 1px solid rgba(0,0,0,.2);
}


.center{
	margin:0 auto 1em;
}

.site-footer{
	margin-top:10em;
	border-top:1px solid rgba(0,0,0,.2);
	padding:2em 0 2.5em;
}












@media (max-width: 769px) {
	body{
	padding:20px;
	}
	section{
		padding-left:0;
		padding-right:0;
		margin-bottom:4em;
	}

}

@media (max-width: 600px) {
	.page{
		padding:20px 24px 10px;

	}
}