@media (max-width:800px) {

	body #site {
		z-index: 2; /* DETECT RESPONSIVE */		
	}
	body #pages .middle {
		height: 101%;
	}

	/* MENU */
	#site #header {
		height:50px;
	}
	#site #header #menu {
		display:none;
	}
	#site #header .menu-btn {
		top:0px;
	}

	#site #languages.new {		
		top:0px;
		left:42px;
	}
	
	#site .middle  {
		padding:0px;
	}
	.middle .pagewidth .content {
		padding-top:50px;
		height:auto;
	}
	.middle .pagewidth .content h2 {
		font-size:16px;
		
	}
	
	/* BLOCKS */
	.middle .pagewidth  .blocks {
		margin-top:0px;
	}

	#site .page .middle .pagewidth  .blocks .block {
		width:calc(100% - 30px);
		height:auto;
		min-height: 270px; /* 300 - 15 - 15 */
		padding:15px;
		margin:0px;
		font-size:13px;
	}
	.middle .pagewidth  .blocks .block h3 {
		font-size:15px;
	}
	
	.interview .blocks .block .overlay {
		background-color:transparent;
		background-image:url('design/btn-play-blue.png');
	}
	.page .middle .pagewidth .blocks .block h1 {
		font-size: 16px;
		display:block;
	}
	.page .middle .pagewidth .blocks .block h2 {
		font-size: 13px;
		display:block;
	}
	
	/* SLIDERS */
	#site #sliders .slider {
		background-position:center 40px;
		background-size:100% auto;
		font-size:24px;
	}
	#site #sliders .slider .text {
		width:100%;
		left:0px;
		top: auto;
		bottom:40px;		
	}
	
	/* TIMELINE */
	#site .timeline-container {
		width:100%;
		height:58px;
		
		right:auto;
		left:0px;
		
	}
	#site .timeline-container .timeline {
		height:3px;
		width:50%;
	}
	#site .timeline-container .progressbar {
		height:100%;
	}
	
	/* VIDEO */
	#site #play-btn {
		top:calc(50% + 25px);
	}
	
	#site #timer {
		top: calc(50% - 75px);
	}
	
}
@media (max-width:479px) {
	
}