/*HEADER*/
#container:after	{
	width: calc(100% - 22rem);
}	

header	{
	width: 22rem;
	border-right: none;
}

#title	{
	width: 60%;
	margin-top: 2rem;
	margin-left: auto;
	margin-right: auto;
}

/*NAVIGATION*/

nav {
	line-height: 1.4;
	font-size: 110%;
}

.extra	{
	display: inline;/*restore long navigation items*/
}	

/*CONTENT*/

h2	{
	font-size: 2rem;
	text-align: left;
}

h3, h4	{
	font-size: 1.5rem;
	text-align: left;
}

#content	{
	/*float: right;*/
	padding: 1rem 3rem 0;
	margin-left: calc(22rem + 1px);
	/*width: calc(82% - 5rem);*/
	
}

#content {
	font-size: 100%;
}

aside	{
	clear: both;
	display: flex;
	flex-flow: row nowrap;
	
}	

aside .pair	{
	width: 45%;
	/*float: left;*/
	margin-right: 10%;
}	

aside .pair:first-child	{
	margin-bottom: 0;
	
}

aside .pair:last-child	{
	margin-right: 0;
}

aside #audio h4	{
	margin-top: 0;
}	


	
/*IMAGES*/

figure.left	{
	float: left;
	margin: 0 2rem 1rem 0;
}

figure.right	{
	float: right;
	margin: 0 0 1rem 2rem;
}	
	
figure.wide	{
	width: 60%;
	
}

figure.narrow	{
	width: 30%;
	
}

figure.medium	{
	width: 40%;
	
}

figure.full	{
	width: 100%;
	margin: 0 0 1rem 0;
}	

.half	{
	width: 50%;
	margin-left: 0;
}	


.series figure, .series div.two {
	float: left;
	margin-bottom: 2rem;
}

.series figure.two, .series div.two 	{
	width: 45%;
	margin-right: 10%;
}

.series figure.four 	{
	width: 22%;
	margin-right: 4%;
}	

.series figure:last-child	{
	margin-right: 0;
}	

#paintings	{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}	

#paintings figure	{
	margin-bottom: 3rem;
}



/*GRAFFITI*/

.index_new	{
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
	min-height: calc(100vh - 10rem);
}	

		   

figure.thumbnail	{
	margin-top: 2rem;
	margin-left: 1rem;
	margin-right: 1rem;
	height: 10rem;
}	

figure.thumbnail img	{
	height: 100%;
	width: auto;
	margin: 0 auto;
}

#next	{
	width: 30%;
	margin: 2rem 0;
}

.catalog_item h3	{
	text-align: left;
}	

.tombstone	{
	clear: left;
}	

/*VIDEOS*/

.video	{
	width: 27%; 
	float: left;
	margin-right: 6%;
	margin-bottom: 2rem;
}	

/*FOOTER*/
footer	{
	text-align: right;
	padding-right: 0;
}