/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	body.detail { overflow-y:visible; }

	#content.flights h1 { max-width:700px; }
	#content .page_content.news_content .home-content { width:680px; }
	#content .page_content.news_content .lvc-ballon span { bottom:185px; left:300px; font-size:18px; width:200px; }
	  
	#content #canvasflight #balloon .clouds { z-index:1; }
	#content #canvasflight #balloon .video { bottom:90px; left:517px; width:106px; height:87px; }
	#content #canvasflight #balloon .video img { position:relative; left:50%; width:auto; height:87px; transform:translateX(-50%); }
	
	#content #canvasflight #event-video { width:100%; height:100%; }
	#content #canvasflight #event-video img.mobscreen { position:absolute; left:50%; min-width:100%; min-height:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
	
	#canvasflight #caption { bottom:125px; }

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	#content #canvasflight #balloon { right:2000px!important; top:-2000px; width:2200px; }
	@keyframes flyBalloon {
		from { right:-1600px; }
		to { right:calc(100% + 1600px); }
	}
	#canvasflight #balloon .balloon-back { bottom:218px; left:976px; width:316px; height:170px; }
	#content #canvasflight #balloon .clouds { margin-left:-200px; width:440px; height:440px; }
	#content #canvasflight #balloon .video { bottom:180px; left:1034px; width:212px; height:174px; }
	#content #canvasflight #balloon .video img { position:relative; left:50%; width:auto; height:174px; transform:translateX(-50%); }
	
	#canvasflight #caption { bottom:175px; }

	#canvasflight #overlay { right:100px; bottom:325px; }
	
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	#canvasflight #overlay { right:100px; bottom:225px; }
	
}

@media screen and (max-width: 1400px) {
	#content.flights h1 { max-width:700px; }
	#content .page_content.news_content .home-content { width:680px; }
	#content .page_content.news_content .lvc-ballon span { bottom:185px; left:300px; font-size:18px; width:200px; }
	
}
	
@media screen and (max-width: 600px) {
	body.detail { overflow-y:visible; }

	#ruitje { width:60px; height:60px; }

	/* header */
	#header { height:50px; }
	#header-container { height:100%; }
	
	#header #menu { height:100%; }
	#header #menu #logo { width:175px; }
	#header #menu ul { right:0; }
	#header #menu ul li a { display:block; width:45px; height:50px; padding:0; border-radius:0; border-bottom-left-radius:2px; border-bottom-right-radius:2px; font-size:0; background-position:center; }
	
	#content.flights h1 { margin-bottom:35px; padding-top:25px; padding-left:20px; width:100%; box-sizing:border-box; font-size:8vw; }
	
	.departures { position:relative; margin-bottom:30px; width:86%; font-size:24px; }
	.departures:before { position:relative; top:0; margin-right:50px; }
	.departures:after { bottom:-65px; left:auto; right:0; width:75px; }
	
	.departures span:before { left:-40px; width:30px; height:30px; }
	
	/* flight overview */
	#content .page_content.news_content .home-content { margin-left:10%; width:80%; }
	
	#content .page_content.news_content .lvc-ballon { DISPLAY:NONE; top:-205px; right:-115px; width:315px; height:755px; }
	#content .page_content.news_content .lvc-ballon span { display:none; }
	
	.news-overview .item { padding-bottom:0; }
	.news-overview .item .item-container { width:100%; }
	
	.news-overview .item .image { margin:-20px 8% 30px 8%; width:84%; max-width:none; box-sizing:border-box; }
		.news-overview .item:nth-of-type(even) .image img { margin-left:0; }
		.news-overview .item:nth-of-type(even) .image .stamp { left:200px; }
		
	.news-overview .item .item-content { width:100%; }
		.news-overview .item .travelinfo { margin:20px 7% 20px 7%; margin-top:20px; width:86%; }
		.news-overview .item .travelinfo .van,
		.news-overview .item .travelinfo .naar { float:left; width:100%; margin:0; }
		.news-overview .item .travelinfo .van strong,
		.news-overview .item .travelinfo .naar strong { float:left; margin:0 0 5px 0; padding:0; width:100%; text-align:left; }
		.news-overview .item .travelinfo .info_title { float:left; width:100%; margin:0 0 10px 0; padding:0; }
		.news-overview .item .travelinfo .info_title span { float:left; margin:0 2px 5px 0; padding:5px 5px; /*width:15px;*/ height:36px; box-sizing:border-box; }
		
		.news-overview .item h2 { padding:0 7%; width:100%; }
		.news-overview .item .author { margin:0; padding:0 0 0 7%; width:100%; }
		.news-overview .item a.leesmeer { position:absolute; top:77px; left:20px; }
		.news-overview .item:nth-of-type(even) a.leesmeer { left:19px; }
	
	/* flight */
	#content #canvasflight { height:auto; }
	#content #canvasflight #balloon { width:550px; top:-500px; z-index:4; }
	@keyframes flyBalloon {
		from { right:-400px; }
		to { right:calc(100% + 400px);  }
	}
	#content #canvasflight #balloon img { width:100%; }
	
	#canvasflight #balloon .balloon-back { bottom:55px; left:244px; width:79px; height:42px; }
	#canvasflight #balloon .clouds { left:51%; bottom:0; width:110px; height:110px; margin-left:-50px; }
	#canvasflight #balloon .video { width:53px; height:44px; left:259px; bottom:45px; }
	#canvasflight #balloon .video img { position:relative; left:-10px; width:auto!important; height:44px; }
	
	#content #canvasflight #event-video { position:relative; height:225px; }
	#content #canvasflight #event-video img.mobscreen { position:absolute; display:block; top:50%; left:50%; min-width:100%; min-height:100%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); mix-blend-mode: multiply; }
	
	#canvasflight #overlay { position:relative; float:left; right:auto; bottom:auto; margin-bottom:100px; padding-top:50px; width:100%; box-sizing:border-box; }
		#canvasflight #overlay .boarding-pass { position:relative; float:left; left:0; bottom:0; margin-bottom:20px; width:100%; }
		#canvasflight #overlay div.left { padding-bottom:25px; width:100%; }
		#canvasflight #overlay div.left .item { float:left; width:50%; }
		#canvasflight #overlay div.left .item.company { height:100px; }
		#canvasflight #overlay .quote { float:left; margin-bottom:35px; width:100%; height:auto; }
		#canvasflight #overlay .quote span.tag { position:relative; }
		#canvasflight #overlay .quote h2 { position:relative; top:0; margin:25px 0 35px 0; }
	
	#canvasflight #caption { left:15px; top:145px; bottom:auto; font-size:16px; }
	#canvasflight #caption span { width:30px; height:30px; line-height:30px; }
	#canvasflight #caption em { font-size:21px; margin-left:10px; }
	
	#canvasflight #share { position:relative; float:left; left:10%; bottom:85px; margin:0; margin-left:-15px!important; margin-bottom:0!important; width:30px!important; height:30px!important; border:1px solid #333;
		background-image:url(../images/icons/icon-share-black.svg); background-color:transparent; }
	#canvasflight #share a { }
	#canvasflight #share a.link:after { left:85px; bottom:7px; color:#333; }
	
	#canvasflight .pop-up.active { position:fixed; padding:45px 20px 40px 20px; width:75%; }
	#canvasflight .pop-up .title { font-size:24px; line-height:26px; }
	.darken { position:fixed; }
	
	#canvasflight .powered { position:relative; float:right; width:50%; right:60px; bottom:35px; left:auto; color:#333; }
	#canvasflight .powered span { padding:10px; border:none; background-color:#fff; }
	
	/* footer */
	#content.flights .floor { background-size:cover; }
	.powered { left:30px; right:auto; width:50%; bottom:40px; }
	
	#cybox { width:100px; height:100px; }
	
}