/*HEADER*/

h1	{
	font-size: 140%;
	padding:  .5rem 1.5rem;
}

#logo li	{
	height: 8rem;
	padding-bottom: 0;
}	

#logo img.image	{
	width: auto;
	height: 100%;
}

#logo img.words	{
	width: 70%;
	top: 1.5rem;
	left: 1.5rem;
	transform: rotate(-45deg);
}



/*NAVIGATION*/

nav label	{
	display: none;
}	

nav > ul	{
	padding: 0 0 2rem .8rem;
	display: block;
	border: none;
	
}
	
nav > ul > li	{
	padding: .4rem .7rem;
	float: left;
	position: relative;
	border: none;
	
}	

nav li ul	{
	position: absolute;
	top: calc(2rem + 2px);
	left: 0;
	/*right: 0;*/
	z-index: 100;
	display: none;
	min-width: 7rem;
}

nav li ul li	{
	padding: .4rem 1rem .4rem .6rem;
}	

/*CONTENT*/

#content 	{	
	padding: 1.5rem;
	font-size: 95%;
}	

h2	{
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}	

#main	{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
	column-count: 2;
	-webkit-column-gap: 3rem; /* Chrome, Safari, Opera */
    -moz-column-gap: 3rem; /* Firefox */
    column-gap: 3rem;
	-webkit-column-rule: 1px solid #333333; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px solid #333333; /* Firefox */
    column-rule: 1px solid #333333;
	text-align: justify;
	padding-bottom: 1.5rem;
}

figure, section	{
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	page-break-inside: avoid; /* Firefox */
	break-inside: avoid; /* IE 10+ */
}	

aside figure	{
	width: 80%;
	margin: 0 auto 3rem;
}

/*ZOOM*/

.zoom:target	{
	display: block;
}

.zoom:target ~ *	{
	opacity: .2;
}	

.zoom	{
	top: 6px;
	top: 12px;
	left: 6px;
	right: 6px;
	-webkit-box-shadow: 0 0 10px 2px #333333;
	-moz-box-shadow: 0 0 10px 2px #333333;
	box-shadow: 0 0 10px 2px #333333;
}	

article figure a	{
	cursor: pointer;
}