/* Resets */

*{box-sizing:border-box}
h1,h2,h3,h4,ul,ol,figure,p,hr{margin:0;padding:0;font-size:100%;font-weight:inherit}
ul,ol{list-style:none}
a{text-decoration:none}
img{display:block;width:100%}

@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}



/* General */

body {
	font: normal 112.5%/1.72727273 "Cormorant Garamond", serif;
	color: #58595b;
	font-weight: 400;
}
@media only screen and (min-width: 37.5em) /* 600 */ {
	body {
		font-size: 125%;
	}
}
@media only screen and (min-width: 43.75em) /* 700 */ {
	body {
		font-size: 150%;
	}
}
@media only screen and (min-width: 50em) /* 800 */ {
	body {
		font-size: 162.5%;
	}
}
@media only screen and (min-width: 93.75em) /* 1500 */ {
	body {
		font-size: 187.5%;
	}
}
@media only screen and (min-width: 125em) /* 2000 */ {
	body {
		font-size: 218.75%;
	}
}



a {
	color: #00c370;
	text-decoration: none;
	transition: color .25s ease-in;
}
h1 a, p a {
	padding: 0.38461538em;
	margin: -0.38461538em;
}
a:hover {
	color: #009053;
}

.underline {
	border-bottom: 1px solid #58595b;
}
hr {
	margin-top: 1.72727273em;
	border: none;
	height: 1px;
	background-color: #f6f6f6;
}



section {
	padding: 3.125rem;
}
.images,
.images a + a {
	display: block;
	line-height: 0;
	margin-top: 3.125rem;
}
p {
	hanging-punctuation: first;
	margin-top: 1.72727273em;
}
aside {
	margin-top: 1.72727273em;
	padding-bottom: 1.72727273em;
	border-top: 1px solid #f6f6f6;
	border-bottom: 1px solid #f6f6f6;
}
@media only screen and (min-width: 62.5em) /* 1000 */ {
	section {
		margin: 12.5rem auto;
		padding: 0 6.25rem;
	}
	.images,
	.images a + a {
		margin-top: 6.25rem;
	}
	h1 {
		/*width: 90%;*/
	}
}
@media only screen and (min-width: 71.875em) /* 1150 */ {
	section {
		width: 38.4615384em;
	}
}



/*.text {
	-webkit-animation: text .75s ease-in;
	-webkit-animation-fill-mode: backwards;
}
.text_index {
	-webkit-animation: text 1s ease-in;
	-webkit-animation-delay: 0.25s;
	-webkit-animation-fill-mode: backwards;
}
@-webkit-keyframes text {
	0%   { opacity: 0; }
	100% { opacity: 1.0; }
}
.book {
	-webkit-animation: anim 1.5s ease;
	-webkit-animation-fill-mode: backwards;
}
@-webkit-keyframes anim {
	0%   { opacity: 0; margin-top: 25px; }
	100% { opacity: 1.0; margin-top: 0px; }
}*/