@media screen {
	h1 {
		font-size: 2rem;
		font-weight: bold;
		text-transform: lowercase;
	}
	h2 {
		font-size: 1.5rem;
		font-weight: bold;
		text-transform: lowercase;
	}
	h3 {
		font-size: 1.25rem;
		font-weight: bold;
		text-transform: lowercase;
	}
	p {
		font-size: 1rem;
		line-height: 1.4rem;
		margin-bottom: 1rem;
		max-width: 40rem;
	}
	blockquote {
		font-size: 1rem;
		line-height: 1.4rem;
		margin-bottom: 1rem;
		margin-left: 3rem;
		max-width: 37rem;
	}
	body.story, body.poetry {
		margin: 5px;
	}
	.box {
		margin: 0;
	}
	ul li, .linklist {
		list-style: circle;
		margin-left: 1.25rem;
	}
	.box p {
		margin-bottom: 0;
	}	
	.box p+p {
		margin-top: 0.4rem;
	}
	.gallery .box .p {
		margin-bottom: 0;
	}
	.picture_gallery img {
		border: 1px dotted #9D9D9D;
	}
	.picture_gallery a {
		text-decoration: none;
		border: none;
	}
	.storyimagesub, .storyHeader {
		width: 100%;
	}
	.storyimagesub img, .storyHeader img {
		width: 100%;
		height: auto;
	}	
	.epigraph, .authornote, .dedication {
		text-align: right;
		font-style: italic;
		font-size: 0.8rem;
		line-height: 0.8rem;
	}
	figcaption, caption, .caption {
		font-style: italic;
		font-size: 0.8rem;
		padding-left: 1rem;
	}
	.new::after { 
    	content: " [new]";
    }
}
@media screen and (min-width: 40rem) {
	.box {
		float: left;
		width: 28%;
		min-width: 15rem;
		min-height: 20rem;
		max-height: 20rem;
		margin: 2.5rem 2.5% 0rem 2.5%;
	}
	div.fullgallery {
		width: 60%;
	}
	div.gallery  {
		padding-bottom: 1rem;
	}
	.storyimagesub, .storyHeader {
		display: block;
		width: 50%;
		max-width: 40rem;
		float: right;
	}
	body.story, body.poetry {
		padding-left: 2.5%;
		padding-right: 2.5%;
		padding-top: 2.5rem;
	}
	body.celia h2 {
		text-align: center;
	}
	figure {
		padding: 2.5%;
	}
}
/*
Colors:
9D9D9D
5D5D5D
DDDDDD
EAEAEA	
C3C3C3*/