/* GENERAL */

html {
	-webkit-text-size-adjust: 100%;
	overscroll-behavior: none;
}

* {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
}

body {
	max-width: 1200px;
	font-size: 1.1rem;
	line-height: 1.4em;
	margin: 15px 20px;
	font-family: 'Garamond JGC', serif;
}

a {
	text-decoration: none;
	color: blue;
}
a:hover { color: inherit; }
a:focus { outline: inherit; }

img {
	display: block;
	max-width: 100%;
}

/* HEADER */

#menu {
	font-size: 1.25rem;

	/* style for fading menu */
	/* position: sticky;
	top: 15px;
	transition: opacity .5s; */
}

#menu nav {
	display: flex;
	justify-content: space-between;
	width: 35em;
}

#menu .currentPage a {
	color: inherit;
}

/* MAIN */

main {
	margin-bottom: 100px;
}

.post {
	margin-top: 50px;
	width: 400px;
	max-width: 100%;
}

.post > a { color: inherit; }
.post > a:hover { color: blue; }

.post .caption {
	margin-top: 7.5px;
	white-space: pre-wrap;
}

/* INFO */

.info {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

.info > article {
	width: calc(50% - 10px);
}

.info p {
	width: 400px;
	max-width: 100%;
}

.info img {
	width: 50%;
}

.bio {
	white-space: pre-wrap;
}

.contact > p, .contact > div {
	margin-top: 50px;
}

.newsletter > div { color: inherit; cursor: pointer; }
.newsletter > div:hover { color: blue; }

.newsletter form { display: none; }

.newsletter input[type="email"] {
	font-family: inherit;
	border: 1px solid;
	margin-right: 10px;
	padding: 0 3px;
	outline: none;
}

.newsletter input[type="submit"] {
	font-family: inherit;
	border: none;
	background: none;
	color: blue;
	cursor: pointer;
	outline: none;
}
.newsletter input[type="submit"]:hover {
	color: black;
}

/* PHONE */

body.phone {
}

.phone #menu nav {
	display: block;
	width: auto;
	line-height: 1.4em;
}

.phone .info {
	display: block;
}

.phone .info > article {
	width: auto;
}

.phone .contact {
	margin-top: 50px;
}