header	{
	background-image: url(../img/frieze_four.jpg);
	padding-top: 27%;
	background-size: 97%;
}	

#main h3	{
	font-size: 1.4em;
	margin-top: 0;
}

#main h4	{
	font-size: 1.3em;
}


	
/*NAVIGATION*/
nav	{
	float: right;
	
}	

#menu	{
	display: none;
}

#navigation	{
	display: block;
	float: right;
}

nav li	{
	display: inline-block;
	text-align: right;
	border: none;
	padding: .5em;
}

nav li:last-child	{
	padding-right: 0;
}

.parent a span:first-child	{
	padding-right: .2em;
}

.arrow {
	display: inline-block;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);	
}		

/*SUB NAVIGATION*/
.parent ul	{
	position: absolute;
	top: 2.4em;
	left: 0;
	width: 200%;
}	

.parent ul li	{
	text-align: left;
}	

/*LOCAL NAVIGATION*/
.local_nav	{
	font-size: 1em;
}

/*	
#main	{
	margin: 0;
}	*/
/*
#main .picture {
	width: 56%;
	float: right;
	margin: 0 0 0 2em;
}	
*/



/***************************************************************/
/*ARTICLE*/

h5 	{
	position: relative;
}

h5:before	{
	content: "Scroll right";
	position: absolute;
	top: .7em;
	right: 1em;
	font-style: italic;
	font-weight: normal;
	font-size: 90%;
}	

article	{
	clear: both;
	
	/*width: auto;
   	padding: 2%;*/
	/*height: 20em;*/
}

/*
#dialogue	{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #f1f1f1;
}
*/
.columns	{	
	width: auto;
	height: 100%;
	overflow-x: visible;
    overflow-y: hidden;
	text-align: justify;
	
	/*2-column layout*/
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;

	-webkit-column-gap: 3em; /* Chrome, Safari, Opera */
    -moz-column-gap: 3em; /* Firefox */
    column-gap: 3em;
	
	/*-webkit-column-rule: 1px solid #cccccc; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px solid #cccccc; /* Firefox */
	/*column-rule: 1px solid #cccccc;*/
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.back	{
	display: none;
}
	
/*DIALOGUE PAGE*/
#main .short	{
	height: 10em;
}	

article.long	{
	max-height: 100%;
}

.top	{
page-break-inside: avoid; /* For Firefox. */
  -webkit-column-break-inside: avoid; /* For Chrome & friends. */
  break-inside: avoid; /* For standard browsers like IE. :-) */
 } 	
 
/*CONTENT LAYOUT*/

/*OBJECT PAGES*/

/*VIDEOS*/

.vid-wrapper	{
	/*margin: 2% 2% 2% 0;
	width: 54%; 
	padding-bottom: 40.5%;
	float: left;*/
}

/*********************************/

/*ABOUT PAGE*/
.about .image_container	{
	width: 48%;
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
}	
#wendy .image_container	{
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}	

/*img#head {
	max-height: 533px;
	width: auto;
}	*/

img#head	{
	max-width: 100%;
	height: auto;
}	

.item	{
	height: 10em;
}

.kma .item	{
	height: 13em;
}	

.events li, .resources li	{
	padding-bottom: 1em;
}	

.secondary img	{
	width: 70%;
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}