body {
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size: cover;
	font-family: 'Signika', sans-serif;
	font-size: 18px;
}
body.page_home {
	background-image: url(../img/bg/landscape/1080p/vilmos-chilly-kovacs-singing.jpg);
}
body.page_about,
body.page_events {
	background-image: url(../img/bg/landscape/1080p/vilmos-chilly-kovacs-guitar-perspective.jpg);
}
body.page_news,
body.page_contact {
	background-image: url(../img/bg/landscape/1080p/vilmos-chilly-kovacs-singing-emotion.jpg);
}
body.page_photos,
body.page_videos {
	background-image: url(../img/bg/landscape/1080p/vilmos-chilly-kovacs-guitar-teeth.jpg);
}

	header {
		position: fixed;
		top: 0;
		width: 100%;
		height: 60px;
		line-height: 60px;
		
		background: #333333; /* Old browsers */
		background: -moz-linear-gradient(top,  #111111 0%, #333333 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,#333333)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #111111 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #111111 0%,#333333 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #111111 0%,#333333 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #111111 0%,#333333 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
		
		border-bottom: solid 1px #777777;

		-webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 2px 10px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 2px 10px 0px rgba(50, 50, 50, 0.75);
		
		z-index: 10;
	}
		header h1 {
			display: block;
			float: left;
			margin: 0px 0px 0px 15px;
			padding: 0px 0px 0px 60px;
			font-size: 210%;
			font-weight: normal;
			color: #ffffff;
			background: url(../img/logo.min.png);
			background-position: left center;
			background-repeat: no-repeat;
			cursor: pointer;
		}
		
		#mobile-icon {
			display: none;
			float: right;
			height: 100%;
			margin: 0 15px;
			font-size: 140%;
			vertical-align: middle;
			color: #cccccc;
			font-weight: bold;
			cursor: pointer;
		}
		
		header nav {
			display: block;
			float: right;
			height: 100%;
			margin: 0px 15px 0px 0px;
		}
			nav a {
				text-decoration: none;
				font-size: 140%;
				margin-left: 20px;
				color: #cccccc;
			}
				nav a:hover {
					color: #ffffff;
				}
				nav a.selected,
				.secondTextColor {
					color: #ffca00;
				}
	
	.container {
		padding: 50px 0 70px 0;
		vertical-align: middle;
	}
		.container h2 {
			margin: 3% 0 1% 0;
			font-weight: normal;
			font-size: 520%;
			color: #ffca00;
			text-align: center;
			text-shadow: 1px 1px 4px rgba(50, 50, 50, 1);
			text-shadow: 1px 1px 10px rgba(22, 22, 22, 0.7);
		}
			body.page_home .container h2 {
				margin: 8% 0 1% 0;
			}
			body.page_about .container h2 {
				margin: 3% 0;
			}

		.container h3 {
			margin: 0;
			font-weight: normal;
			font-size: 334%;
			color: #ffffff;
			text-align: center;
			text-shadow: 1px 1px 4px rgba(50, 50, 50, 1);
			text-shadow: 1px 1px 10px rgba(22, 22, 22, 0.7);
		}
			body.page_home .container h3 {
				margin: 0 0 5% 0;
			}
			body.page_photos h3 {
				margin: 2% 0 0;
			}

		.container li,
		.container p {
			font-weight: normal;
			font-size: 120%;
			color: #ffffff;
			text-align: justify;
			text-shadow: 1px 1px 4px rgba(50, 50, 50, 1);
			text-shadow: 1px 1px 10px rgba(22, 22, 22, 0.7);
		}
			.page_news p,
			.page_events p {
				text-align: center;
			}
		
		.container li a,
		.container p a {
			font-weight: normal;
			text-decoration: none;
			font-size: 120%;
			color: #ffcc00;
			text-align: justify;
			text-shadow: 1px 1px 4px rgba(50, 50, 50, 1);
			text-shadow: 1px 1px 10px rgba(22, 22, 22, 0.7);
		}

		.home_video_container {
			width: 49%;
			margin: 0 auto;
			background: #333333;
			border: solid 5px #333333;
			border-radius: 5px;
		}
		
		.videos_video_container {
			width: 100%;
			text-align: center;
		}
		.video_container {
			display: inline-block;
			width: 25%;
			margin: 3%;
			background: #333333;
			border: solid 5px #333333;
			border-radius: 5px;
		}
			.video {
				position: relative;
				padding-bottom: 51.75%; /* 56.25% - 16:9 */
				padding-top: 25px;
				height: 0;
			}
				.video iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}
		
	
	footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 60px;
		line-height: 60px;
		background: #333333;
		border-top: solid 1px #777777;
		
		vertical-align: middle;
		
		-webkit-box-shadow: 0px -2px 7px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px -2px 7px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px -2px 7px 0px rgba(50, 50, 50, 0.75);
	}
		footer > p {
			display: block;
			width: 40%;
			float: left;
			margin: 0 0 0 15px;
			font-size: 100%;
			color: #ccc;
		}
		footer > a {
			display: block;
			float: left;
			color: #777;
			text-align: center;
			text-decoration: none;
			font-size: 100%;
		}
			footer > a:hover {
				color: #ccc;
			}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

section {
	text-align: center;
}
.thumbnail_box {
	position: relative;
	display: inline-block;
	width: 300px;
	height: 300px;
	margin: 1%;
	overflow: hidden;
	text-decoration: none;
	border: none;
}
	.thumbnail_box img {
		position:absolute;
		left: -100%;
		right: -100%;
		top: -100%;
		bottom: -100%;
		margin: auto; 
		min-height: 100%;
		min-width: 100%;
		border: none;
	}