body {
	height:100%;
	font-family: sans-serif;
	font-weight:500;
	/*background-image: url("../images/Lingzhi-Girl-cutout.png");*/
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-color: #42b79a;
    color:#000;
     -webkit-font-smoothing: antialiased;
}

h5.site-title {
	position: fixed;
	padding-left: .6rem;
	font-weight:700;
	color: yellow;
	font-variant: small-caps;
}

h5.footer {
	padding-left: .6rem;
	font-weight:700;
	color: yellow;
	font-variant: small-caps;
}

#oyster {
	background-image: url("../images/oyster-cutout.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top:8rem;
	padding-bottom:8rem;	
}

#frontis {
	background-image: url("../images/frontispiece-cutout.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top:8rem;
	padding-bottom:8rem;
}

h1 {
	font-family: 'ohno-blazeface', sans-serif;
	font-size: 6rem;
	font-weight: 700;
	font-style: normal;
}

h2 {
	font-family: 'ohno-blazeface', sans-serif;
	font-size: 4.5rem;
	font-weight: 700;
	font-style: normal;
}

h3 {
	font-family: 'ohno-blazeface', sans-serif;
	font-size: 3rem;
	font-weight: 700;
	font-style: normal;
	line-height: 1.2;
}

h4 {
	font-family: 'priori-sans', sans-serif;
	font-weight: 700;
	font-size: 2.25rem;
}

h5 {
	font-family: 'priori-sans', sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
}

p {
	font-family: 'priori-sans', sans-serif;
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 1.1;
}

a {
	color:white;
	font-weight: 400;
}

a:hover {
	color: yellow;	
}

li {
	font-family: 'priori-sans', sans-serif;
	font-weight: 400;
	font-size: 1.45rem;
	line-height: 1.1;
}

.modal-content {
	font-family: 'priori-sans', sans-serif;
	font-weight: 400;
	font-size: 1.45rem;
	line-height: 1.1;
}

.modal {
	padding: 1.45rem;
	background-color: #42b79a;
}


img.scale-with-grid {
		max-width: 100%;
		height: auto;
}

@media (max-width: 1000px) {
	h5.footer { text-align: center; }
}

@media (max-width: 500px) {
	h1 { font-size: 4rem; }
	h2 { font-size: 3.5rem; }
	h3 { font-size: 2.5rem; }
	.modal-content p { font-size: 1.55rem; }
	h5.footer { text-align: center; }

}