/*************************************
 +Responsive
*************************************/

@media only screen 
and (min-width : 1130px) {
	
	.content {
		width: 443px;
		margin-right: calc( 6% - 4px );
	}
	
	.sidebar-program-images {
		width: calc( 87% - 447px );
	}
	
	.single-venue .content {
		
	}
	
}


@media only screen 
and (max-width : 1040px) {

	.menu-1-container {
		margin-left: 20px;
	}
	
	header.master,
	footer {
		min-width: inherit;
		width: calc(100% - 40px);
	}
	
	.ff_projects,
	.ff2015header {
		display: none;	
	}
	
}



@media only screen 
and (max-width : 1110px) {

	footer .ff_projects {
		display: block;
		height: 110px;
		margin-left: 0;
	}
	
	footer .you {
		bottom: 26px;
		top: inherit;
	}
	
}


@media only screen 
and (max-width : 899px) {
	
	h1 a span.max_900 { display: block; }
	h1 a span.min_900 { display: none; }
	
	.menu-1-container {
		margin-left: 30px;
	}
	
	.content,
	.venue_post .post,
	.sidebar-program-images {
		display: block;
		width: 100%;
	}
	
	.sidebar-page,
	.sidebar-program {
		width: calc( 100% - 80px );
		padding-left: 40px;
		padding-right: 40px;
	}

	.sidebar-page {
		margin-left: 0;
	}
	
}

@media only screen 
and (max-width : 759px) {
	
	.sidebar-program {
		margin-top: 0;
	}
	
	.sidebar-program .events,
	.sidebar-program .exhibitions {
		display: block;
		width: 100%;
	}
	
	.sidebar-program .exhibitions {
		margin-top: 2.8em;
	}
	
	.sidebar-program .actions {
		max-width: 100%;
		margin-right: 0;
	}
	
	.sidebar-graph { padding-left: 20px !important; }
	.sidebar-graph .header { margin-left: 30px; }
	
}


@media only screen 
and (max-width : 699px) {
	
	h1 a span.max_900 { display: none; }
	h1 a span.min_900 { display: block; }
	
	.menu-1-container nav {
		display: block;
	}
	
	.menu-1-container nav {
		position: absolute;
		top: 0; left: 0;
		background: #000;
		z-index: 100;
		width: 100%;
		padding-bottom: 20px;
	}
	
		.menu-1-container nav ul li {
			display: block;
			margin-left: 16px;
		}
		
		.menu-1-container ul li a:hover,
		.menu-1-container ul li.current-menu-item {
			background: inherit;
		}
		
	.menu-1-container nav.language-switcher {
		top: 160px;
		padding: 0;
	}
	
	.menu-1-container nav ul {
		position: absolute;
		top: 68px; left: 0;
		background: #000;
		z-index: 100;
		width: 100%;
		padding-bottom: 20px;
	}
	
	header.master .show-menu {
		display: block;
		z-index: 11;
		border: 2px solid #000;
		padding: 0;
		width: 34px; height: 34px;
		position: absolute;
		right: 10px;
		top: 22px;
		background: transparent url('images/menu-show-button.png') center center no-repeat;
	}
	
		header.master .show-menu:hover {
			border: 2px solid #000;
		}
	
	.sidebar-graph .header { margin-left: 10px; }
	.sidebar-graph .ff2015_barchart ul li { max-width: 9% !important; margin: 0 8px !important; }
	.sidebar-graph .ff2015_barchart ul li a { font-size: .9em; }
}


@media only screen 
and (max-width : 599px) {
	.page-template-page-template__programme .content { display: none; }
}

@media only screen 
and (max-width : 539px) {
	
	header.master {
		width: calc(100% - 20px);
		padding-left: 20px;
	}
	
	.menu-1-container nav ul li {
		margin-left: 0;
	}
	
		.menu-1-container nav ul li a {
			padding: 18px 22px 4px;
		}
	
	.sidebar-page .places, .sidebar-page .you {
		display: block;
		width: calc( 100% - 3% );
	}
	
	.sidebar-page .you {
		margin-left: 0;
		margin-top: 2.8em;
	}
	
	.content, .sidebar-program, .sidebar-page, .sidebar-graph, .sidebar-partners, .sidebar-calendar-row {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.content, .sidebar-page, .sidebar-program {
		width: calc( 100% - 40px );
	}
	
	.sidebar-graph .ff2015_barchart .header h3 { font-size: 1.6em; }
	.sidebar-graph .ff2015_barchart ul { margin-left: 10px; }
	.sidebar-graph .ff2015_barchart .legend { left: -42px; }
	.sidebar-graph .ff2015_barchart ul li { max-width: 7% !important; margin: 0 9px !important; }
	.sidebar-graph .ff2015_barchart ul li a { font-size: .85em; }
	
	footer { text-align: center; padding: 30px 10px 10px; width: calc(100% - 20px); }
	
	footer a,
	footer a.ff2015 {
		margin-left: 12px !important;
		margin-right: 12px !important;
	}
	
	footer .subscription {
		text-align: center;
	    width: 100px;
	    margin: 0 auto 30px !important;
	    display: block;
	}
	
	footer .ff_projects {
		top: 40px; left: -32px;
	}
	
	footer .you {
		bottom: inherit;
		position: relative;
		right: inherit;
	}
	
}

@media only screen 
and (max-width : 419px) {
	
	h1, h2, h3 {
		font-size: 1.5em;
	}
	
}

@media only screen 
and (max-width : 359px) {
	
	.isotope article {
		width: 100%;
		float: none;
		display: block;
	}
	
	.sidebar-graph .ff2015_barchart .header h3 { font-size: 1.3em; }
	.sidebar-graph .ff2015_barchart ul li { max-width: 6% !important; margin: 0 8px !important; }
		
}