* {
        margin: 0;
    }
	
	
	
	html {
	height: 100%;
}


body {
	background-color: #f5f5f5;
	text-decoration: none;
		height: 100%;
		    margin: 0;
    padding: 0;
}


#container {

	margin-left: 8%;
	margin-right: auto;
	height:100%;
}



h1 { 
    font-size: 2.5em;
font-family: 'EB Garamond', serif;
font-style:italic;
font-weight:500;
    color: #181a1a;
	line-height:1em;
	margin-top:0px;
	margin-bottom:20px;
	letter-spacing:-1px;
}


h2 { 
    font-size: 2em;
font-family: 'EB Garamond', serif;
font-weight:500;
    color: #181a1a;
	line-height:1em;
	margin-top:0px;
		margin-bottom:10px;

	letter-spacing:-1px;
}

#cell h2 { 
    font-size: 1.7em;
font-family: 'EB Garamond', serif;
font-weight:500;
    color: #181a1a;
	line-height:1em;
	margin-top:10px;
		margin-bottom:10px;

}


#cell-large h2 { 
    font-size: 2em;
font-family: 'EB Garamond', serif;
font-weight:500;
    color: #181a1a;
	line-height:1em;
	margin-top:10px;
		margin-bottom:10px;
}



h3 { 
    font-size: 12px;
font-family: 'Montserrat', sans-serif;
	font-weight: 600;
    color: #333;
	line-height: 1em;
	margin-bottom:1em;
	font-variant:small-caps;
	letter-spacing:4px;
}

#text h3 { 
    font-size: 9px;
}




h4 { 
    font-size: 1.5em;
font-family: 'EB Garamond', serif;
	font-weight: 500;
    color: #333;
	line-height:1.7em;
	margin-bottom:20px;
}




p {
	font-size: 1.4em;
	font-family: 'EB Garamond', serif;
	color: #181a1a;
	line-height: 1.2em;
	max-width: 600px;
}



.prose p {
	font-size: 1.2em;
	font-family: 'EB Garamond', serif;
	color: #181a1a;
	line-height: 1.5em;
	max-width: 600px;
	margin-bottom:0.5em;
}





.sentences p {
	font-size: 1.4em;
	font-family: 'EB Garamond', serif;
	color: #181a1a;
	line-height: 1.8em;
	max-width: 600px;
	margin-bottom:0.5em;
}




#menu p {
	
font-family: 'Montserrat', sans-serif;
	font-weight: 500;

color: #333333;
	font-size: 11px;
	line-height: 14px;
}





.photo p {
	
	line-height: 24px;
}



p.quote {
	
	font-size: 1em;
	line-height: 1.5em;
	
}



#menu {
	width: 210px;
	height: 100%;
	display:block;
	vertical-align: top;
	float:left;
	margin-left: 0px;
	position:fixed;
overflow: auto;
    padding-top: 50px;
	
	-ms-overflow-style: none;  // IE 10+
    overflow-y: -moz-scrollbars-none;
}


#menu::-webkit-scrollbar { 
    display: none; 
}








#text {
		display:inline-block;
	float: left;
	height: 100%;
	margin-left: calc(8% + 150px);
	padding-top:45px;
	margin-right:100px;
	max-width: 1000px;
	min-width: 700px;

}




#cell {
		display:inline-block;
	float: left;
	height: auto;
	padding-right: 60px;
	padding-bottom: 60px;
	width: 380px;

}

#cell-large {
		display:inline-block;
	float: left;
	height: auto;
	padding-right: 60px;
	padding-bottom: 60px;
	max-width: 1000px;
	min-width: 700px;

}




@media screen and ( max-width: 1400px ){
    #text {
        margin-left: 250px;
    }
}



#text img {
padding-bottom: 80px;
	max-width:100%;
}

#cell-large img {
		padding-bottom: 20px;
}

#cell img {
		padding-bottom: 20px;
}







a:link {
	color: #e93c00;
		text-decoration:none;

	font-size: inherit;
}
a:visited {
	color: #cf3700;
			text-decoration:none;

	font-size: inherit;
}
a:hover {
	color: #313131;
	text-decoration: none;
	font-size: inherit;
}


.logo a {
color: #181a1a !important;
text-decoration:none !important;

}




hr { 
display: block;
color:#666;
margin-bottom:4px;
}



body::-webkit-scrollbar {
    width: 0.5em;
	padding-right:0.5em;
	border:none;
}
 
body::-webkit-scrollbar-track {
	visibility:hidden;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 0px solid slategrey;
}