@media all and (orientation:landscape) {
	body.page_news .container,
	body.page_contact .container {
		margin: 0 40% 0 1%;
	}
	body.page_home .container,
	body.page_about .container,
	body.page_events .container {
		margin: 1% 1% 0 40%;
	}
}
@media all and (orientation:landscape) and (min-width: 1921px) {
	body.page_home {
		background-image: url(../img/bg/landscape/original/vilmos-chilly-kovacs-singing.jpg);
	}
	body.page_about,
	body.page_events {
		background-image: url(../img/bg/landscape/original/vilmos-chilly-kovacs-guitar-perspective.jpg);
	}
	body.page_news,
	body.page_contact {
		background-image: url(../img/bg/landscape/original/vilmos-chilly-kovacs-singing-emotion.jpg);
	}
	body.page_photos,
	body.page_videos {
		background-image: url(../img/bg/landscape/original/vilmos-chilly-kovacs-guitar-teeth.jpg);
	}
}

@media all and (orientation:portrait) {
	body.page_news,
	body.page_contact,
	body.page_home {
		background-image: url(../img/bg/portrait/1080p/vilmos-chilly-kovacs-piano.jpg);
	}
	body.page_about,
	body.page_events {
		background-image: url(../img/bg/portrait/1080p/vilmos-chilly-kovacs-guitar.jpg);
	}
	body.page_photos,
	body.page_videos {
		background-image: url(../img/bg/portrait/1080p/vilmos-chilly-kovacs-piano-hands.jpg);
	}
	
	body .container {
		margin: 5px;
	}
}
@media all and (orientation:portrait) and (min-height: 1921px) {
	body.page_news,
	body.page_contact,
	body.page_home {
		background-image: url(../img/bg/portrait/original/vilmos-chilly-kovacs-piano.jpg);
	}
	body.page_about,
	body.page_events {
		background-image: url(../img/bg/portrait/original/vilmos-chilly-kovacs-guitar.jpg);
	}
	body.page_photos,
	body.page_videos {
		background-image: url(../img/bg/portrait/original/vilmos-chilly-kovacs-piano-hands.jpg);
	}
}

@media all and (orientation:landscape) and (max-width: 1600px) {
	body { font-size: 16px; }
}
@media all and (orientation:landscape) and (max-width: 1366px) {
	body { font-size: 14px; }
}
@media all and (orientation:landscape) and (max-width: 1280px) {
	body { font-size: 12px; }
}
@media all and (orientation:landscape) and (max-width: 1024px) {
	body { font-size: 11px; }
}
@media all and (orientation:landscape) and (max-width: 924px) {
	body { font-size: 10px; }
}
@media all and (orientation:landscape) and (max-width: 840px) {
	body { font-size: 9px; }
}

@media all and (max-width: 680px), all and (orientation: portrait) {
	body { font-size: 10px; }

	#menu {
		position: fixed;
		top: 60px;
		right: -100%;
		height: auto;
		background: #333333;
		
		margin: 0;
		
		-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
		-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
		-o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
		transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */

		-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
		-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
		-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
		transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	}
		#menu.active {
			right: 0;

			-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
			-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
			-o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
			transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */

			-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
			-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
			-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
			transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
		}
		#menu a {
			display: block;
			margin: 0px;
			padding: 1% 25%;
		}
			#menu a:hover {
				background: #666666;
			}
	#mobile-icon {
		display: block;
	}
	
	.video_container {
		width: 90%;
	}
	
	footer {
		position: fixed;
		bottom: 0px;
		height: auto;
		line-height: inherit;
	}
	footer p,
	footer a {
		display: block;
		width: 100%;
		text-align: center;
		float: none;
		margin: 5px 0px;
	}
}