@media (max-width: 770px)
{
/* Tablet
============================================================================================================================ */

/* NAVIGATION
------------------------------------------------------ */



#nav-top .logo, #nav-overlay #nav-overlay-wrapper .logo {
	text-align: right;
	margin-right:2em;
	flex-grow:2;
}
	
#nav-top .social, #nav-overlay #nav-overlay-wrapper .social {
    display:none;
}
	
#divider-nav div {
	width:40%;
}
	
/* VARIOUS CSS
------------------------------------------------------ */		
		
#divider-nav div h1 {  
	font-size: 1.75em;
}	
	
/* NAVIGATION - OVERLAY
------------------------------------------------------ */
	
#nav-overlay #nav-overlay-items div {
	margin-right: 1em;
	margin-top: 1em;
}

/* NAVIGATION - OVERLAY
------------------------------------------------------ */	
	
#nav-overlay-items h1 > a:before, #nav-overlay-items ul li > a:before, #detail side #side-item > a:before, #ticket p > a:before {
	background-color: transparent;
}
	
#nav-overlay-items ul {
	font-size:0.9em;
	line-height: 2em;
}
	
#nav-overlay-social {
	display: inherit;
	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	align-items: center;
  	justify-content: center;
}

/* SLIDESHOW
------------------------------------------------------ */
.slide li #slide-content {
	margin:1.25em;
	padding: 1.5em;
	border:0.6em solid var(--color3);
}

.slide li #slide-content h1 {
	font-size:3em;
}

.slide li #slide-content h2 {
	font-size:1.25em;
}

/* HOME
------------------------------------------------------ */

#home article {
	flex-grow:2;
}

	
/* DETAIL
------------------------------------------------------ */

#detail-image {
	height:50vh;
}
	
#detail-image article {
	height:50vh;
}
	
#detail {
	margin:5em 0 5em 0;
}	
	
			
#detail nav {
	order: 3;
	flex-grow:1;
	width:100%;
}

#detail article {
	order: 2;
	flex-grow:1;
	margin-left:2em;
	margin-right:2em;
	width:100%;
}

#detail side {
	order: 1;
	flex-grow:1;
	padding:0;
	margin-left:2em;
	margin-right:2em;
}

#detail side > div {
	margin-left:0;
}

#tag, #online {
	display:none !important;
}

#detail article .video-container {
	border:0.5em solid var(--color3);
}

/* INFO
------------------------------------------------------ */

#info nav {
	flex-grow:1;
	order:2;
	width:100%;
	margin-top:3em;
}

#info article {
	flex-grow:1;
	order:1;
	width:100%;
	margin-left:0;
}

/* DETAIL
------------------------------------------------------ */

#detail-image {
	height:50vh;
}

}

@media (max-width: 650px)
{
/* Tablet Very small
============================================================================================================================ */

		
	
/* VARIOUS CSS
------------------------------------------------------ */	
	
/* Divider */

#divider-title {
	margin: 3.5em 2em;
}	

#divider-title h1 {  
    font-size: 2em;
	padding: 0.3em 0.65em;
}
	
#divider-nav div {
	width:100%;
	margin-top: 1em;
	
}
		
#divider-nav div h1 {  
	font-size: 1.75em;
}	
	
	
/* NAVIGATION 
------------------------------------------------------ */

.hide {
    display:none;
}	


/* NAVIGATION - OVERLAY
------------------------------------------------------ */

#nav-overlay #nav-overlay-items div {
	width: 100%;
	margin-right: 0;
}

/* HOME
------------------------------------------------------ */

#home {
	display: inherit;
	height:inherit;
}	
	
	
#home article {
	height:50vh;

}
	

#home.side {
	display: none;
}		

#home side {
	display: inherit;
	width:100%;
	height:auto;

}

#home side #side-item {
	display: block;
	width:100%;
	height:15em;

	border-right:none;
	border-bottom:0.3em solid var(--color3);
}	
	
#home side #side-item:last-child {
	border-bottom:none;
}

#home side {
	display:none;
}		
	
/* DETAIL
------------------------------------------------------ */

#detail {
	margin:3em 0;
}
	
/* NIEUWS
------------------------------------------------------ */
	
#nieuws_wrapper article {
	width:100%;	
}
	
#nieuws_wrapper article {
	border-left:none;
	border-right:none;	
}
	
#nieuws_wrapper article:nth-last-child(2) {
	border-bottom:0.3em solid var(--color3);
}		

#nieuws_wrapper article:nth-child(odd) {
	border-right:none;
}
		

/* PROGRAM
------------------------------------------------------ */
	
#program_wrapper article {
	width:100%;	
}
	
#program_wrapper article {
	border-left:none;
	border-right:none;	
}

#program_wrapper article:nth-child(odd) {
	border-right:none;
}	
	
}