@charset "utf-8";

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body { height: 100%; }

header { overflow: auto; }

#landing {
	background: url(../images/bkg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*#root {
	z-index: 1;
	position: relative;
	width: 50%;
	margin: 0 auto;
}

@media (max-width: 1920px) {
	#root {
		width: 72%;
	}
}

@media (max-width: 1280px) {
	#root {
		width: 86%;
	}
}

@media (max-width: 720px) {
	#root {
		width: 100%;
	}
}*/

.subTitle { margin: 24px 0 0 0; text-align: center; }

#bigLogo { margin: 96px auto 0 auto; text-align: center; }

#smallLogo { float: left; margin: 32px 0 32px 6%; }

nav ul { padding: 0; }

.landingMenu { float: right; position: relative; left: -50%; text-align: left; }

.contactMenu { position: absolute; top: 0; right: 6%; }

.landingMenu ul, .mainMenu ul { overflow: auto; }

.landingMenu ul { position: relative; margin: 24px 0; left: 50%; }

.mainMenu ul { margin: 141px 0 0 0; padding-left: 32px; }

.contactMenu ul { margin: 32px 0; text-align: right; }

.landingMenu li, .mainMenu li { position: relative; float: left; margin: 0 20px }

nav li a { text-decoration: none }

.clearfix:before,
.clearfix:after { display: table; content: " "; }

.clearfix:after { clear: both; }

.midSec { padding: 32px 6% 64px 6%; }

.txtBox { margin-right: 56%; }

.txtBoxDouble .flexBox { width: 44%; }

.stage, .audio, .light, .backline, .profile, .contact {
	background-size: 100% auto;
	background-position: left top;
	background-repeat: no-repeat;
}

.stage {
	background-image: url(../images/bkg_stage.jpg);
}

.audio {
	background-image: url(../images/bkg_audio.jpg);
}

.light {
	background-image: url(../images/bkg_light.jpg);
}

.backline {
	background-image: url(../images/bkg_backline.jpg);
}

.profile {
	background-image: url(../images/bkg_profile.jpg);
}

.contact {
	background-image: url(../images/bkg_contact.jpg);
}

.botSec, .flexWrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.botSec {
	height: 256px;
	overflow: hidden;
}

.flexBox {
	-webkit-box-flex: 1;
	-moz-flex: 1;
	-o-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.flexBox img { width: 100%; height: auto; }

.gutter {
	margin-left: -32px;
}

.gutter > .flexBox {
	padding-left: 32px;
}

.gutter > .flex1of2 {
	-webkit-box-flex: 0 0 50%;
	-moz-flex: 0 0 50%;
	-webkit-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
}

.gutter > .flex1of3, .gutter > .infoBox {
	-webkit-box-flex: 0 0 33%;
	-moz-flex: 0 0 33%;
	-webkit-flex: 0 0 33%;
	-ms-flex: 0 0 33%;
	flex: 0 0 33%;
}

.gutter > .flex1of4, .gutter > .fix1of4 {
	-webkit-box-flex: 0 0 25%;
	-moz-flex: 0 0 25%;
	-webkit-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
}

@media (max-width: 960px) {
	.gutter {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.gutter > .flex1of4 {
		-webkit-box-flex: 0 0 50%;
		-moz-flex: 0 0 50%;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}
}