/*HEADER*/

header	{
	padding-top: 1px;
	padding-bottom: 1px;
	height: calc(100vw + 4rem);
}

#big_logo, #logo	{
	width: 76vw;
}

#big_logo	{	
	margin-top: calc(50vh - 38vw);
	margin-left: 12vw;
}

#logo	{	
	margin: 12vw auto 0;
}

#logo a	{
	height: 76vw;
}	

#menu	{
	padding-top: 2rem;
	
}	

/*NAVIGATION*/

nav {
	padding: 1rem 2rem;
	text-align: left;
	display: none;
}

nav:target	{
	display: block;
}	

nav li	{
	margin: 0;
	padding: 0;
	line-height: 1.3;
	padding-top: .5rem;
	padding-bottom: .5rem;
}	

nav a.current:before	{
	position: absolute;
	content: "•";
	font-weight: bold;
	font-size: 100%;
	top: 0;
	left: -1rem;
}

/*CONTENT*/

h2	{
	font-size: 200%;
	margin-bottom: 1rem;
}	

h3	{
	font-size: 130%;
	margin-bottom: 1rem;	
}	

h4	{
	font-size: 110%;
}	
	
main	{
	padding-bottom: 2rem;
}	

article, main.text {
   padding: 1.5rem;
   line-height: 1.5;
}

.single, main .quote		{
	margin: 0 1.5rem 2rem;
}

.answer	{
	margin-left: 1.5rem;
}	



/*MAIN*/

.shelf	{
	margin-left: 1rem;
	margin-right: 1rem;
}

.shelf figure	{
	display: block;
	margin: 0 auto 3rem;
	margin: 0 auto;
	padding-top: 3rem;
}

figure.w12, figure.w15, figure.w18, figure.w24, figure.w20, figure.w22 	{
	width: 50%;
}

figure.w28, figure.w32, figure.w36	{
	width: 80%;
}

/*ZOOM*/

.zoom_new {
	margin: 0 1.5rem;
	padding: 4rem 0 2rem;
	min-height: calc(100vh - 6rem);
	border-top: 3px solid #808080;
}

.gray .zoom_new {
	border-top: 3px solid #152034;/*navy*/
}	

.close	{
	top: -3rem;
	right: 0;
} 

.previous, .next	{
	display: none;
}


/*ABOUT*/




/*FOOTER*/

.red footer {
    background: #152034;/*navy*/
	color: #cccccc;
}

.blue footer, .gray footer {
	background: #870136; /*red*/
	color: #cccccc;
}