@charset "UTF-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
	box-sizing:border-box;
}

.row{
	width: 100%;
	position: relative;
}

.row:after{
	content: "";
	display: table;
	clear: both;
}
	

.wrapper {
	width: 100%;
	margin: auto;
}




/*COJO SECTION*/


.rowcojo{
	background-image: url("images/cojo.jpg");
	background-size: cover;
	position: relative;
	
}

.rowcojo img.logo{
	position: absolute;
	top: 90px;
	left: 100px;
	width: 400px;
	height:auto;
	
}
img.cojo{
	width: 100%;
	height: auto;
	position: relative;
}

.rowcojo .navrow {
	position:absolute;
	text-align: right;
	top: 90px;
	right: 100px;
	z-index: 101;
	
}

.nav {
	list-style: none;
	margin: 0;
	padding: none;
}


.nav li{
	padding: 0px 0px 40px 0px;
	font-family: balboa-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 60px;

}

.nav li a:link,
.nav li a:visited{
	width: 0;
	text-align: right;
	color: white;
	text-decoration: none;
}

.rowcojo img.button2{
	position: absolute;
	top: -125px;
	right: -70px;
}

.rowcojo img.lefty{
	position:absolute;
     width:300px;
     height: 300px;
	left: 0px;
     bottom:-150px;
     z-index:100;
}

.rowcojo img.lwhite{
	position:absolute;
     width:300px;
     height: 300px;
	left: 0px;
     bottom:-180px;
     z-index:100;
}


/*KOE SECTION*/


.rowkoe{
	background-image: url("images/koe.jpg");
	background-size: cover;
	background-position: relative;
	background-repeat: no-repeat;
	position: relative;
}

.rowkoe .row{
	position: absolute;
	width: 100%;
	z-index: 40;
	top: 350px;
	display: table;
	content:"";
	clear:both;
}

.rowkoe .col-33{
	width: 33%;
	height: 350px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-top: 10px;
	text-align: center;
	align-content: center;

}

.rowkoe .left li{
	list-style: none;
	padding: 0px 0px 20px 0px;
	font-family: "balboa";
	font-weight: 400;
	font-style: italic;
	font-size: 30px;
	display: block;
	color: white;
}


.rowkoe .middle li{
	list-style: none;
	padding: 0px 0px 20px 0px;
	font-family: 'balboa';
	font-style: italic;
	font-size: 30px;
	color: orange;
	font-weight: 300;
}

.rowkoe .right li{
	list-style: none;
	padding: 0px 0px 20px 0px;
	font-family: 'balboa';
	font-weight: 100;
	font-style: italic;
	font-size: 30px;
	display: block;
	color: white;
}

.rowkoe h1.lineup{
	position: absolute;
	top:90px;
	right: 100px;
	font-family: balboa-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 223px;
	color:white;

}


img.koe{
	width: 100%;
	height: auto;
	position: relative;
}



.rowkoe img.righty{
	position:absolute;
     width:300px;
     height: 300px;
     right:0;
     bottom:-150px;
     z-index:100;
}

.rowkoe img.rwhite{
	position:absolute;
     width:300px;
     height: 300px;
	right: 0px;
     bottom:-180px;
     z-index:100;
}


/*JINKS SECTION*/

.rowjinks{
	background-image: url("images/codyjinks.jpg");
	background-size: cover;
	position: relative;
}

.rowjinks h1.dates{
	position: absolute;
	top:90px;
	left: 100px;
	font-family: balboa-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 223px;
	color: white;
}

.rowjinks h2.oct{
	position: absolute;
	top: 320px;
	right:120px;
	font-family: 'balboa';
	font-size: 100px;
	font-style: oblique;
	color: white;

}

.rowjinks .row{
	position: absolute;
	width: 100%;
	z-index: 40;
	top: 450px;
	display: table;
	content:"";
	clear:both;
}

.rowjinks .col-33{
	width: 30%;
	height: auto;
	float: left;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 20px;
	margin-left: 25px;
	margin-top: 10px;
	text-align: center;
}

.left li{
	list-style: none;
	padding: 0px 0px 20px 0px;
	font-family: 'balboa';
	font-weight: 200;
	font-style: italic;
	font-size: 40px;
	display: block;
	color: white;
}

.left li h1{
	font-family: balboa-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 80px;
	color: orange;
}

.middle li{
	list-style: none;
	padding: 0px 0px 20px 0px;
	font-family: 'balboa';
	font-weight: 200;
	font-style: italic;
	font-size: 40px;
	display: block;
	color: white;
}

.middle li h1{
	font-family: balboa-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 80px;
	color: orange;
}

.right li{
	list-style: none;
	padding: 0px 0px 20px 0px;
	font-family: 'balboa';
	font-weight: 200;
	font-style: italic;
	font-size: 40px;
	display: block;
	color: white;
}

.right li h1{
	font-family: balboa-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 80px;
	color:orange;
}

.rowjinks img.lefty{
	position:absolute;
     width:300px;
     height: 300px;
	left: 0px;
     bottom:-150px;
     z-index:100;
}

.rowjinks img.lwhite{
	position:absolute;
     width:300px;
     height: 300px;
	left: 0px;
     bottom:-180px;
     z-index:100;
}

img.jinks{
	width:100%;
	height: auto;
	position:relative;
}




/* RANDY SECTION*/


.rowrandy{
	background-image: url("images/randywade.jpg");
	background-size: cover;
	position: relative;
		
}

.rowrandy h1.info{
	position: absolute;
	top:90px;
	right: 100px;
	font-family: balboa-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 223px;
	color:white;
}

.rowrandy h2.panther{
	position: absolute;
	top: 420px;
	left: 90px;
	font-family: "balboa";
	font-style: bold;
	font-size: 44.7px;
	color:white;
}

.rowrandy h3.address{
	position: absolute;
	top: 500px;
	left: 588px;
	font-family: "balboa";
	font-stretch:condensed;
	font-weight: 100;
	font-size: 50px;
	color:white;
}

.rowrandy p.limited{
	position: absolute;
	top:625px;
	left:589px;
	font-family: balboa-extra-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 4px;
	font-size: 50px;
	color:orange;
	
}

.rowrandy iframe.map{
	position: absolute;
	top: 500px;
	left: 90px;
	width: 480px;

	
}


.rowrandy img.righty{
	position:absolute;
     width:300px;
     height: 300px;
     right:0;
     bottom:-150px;
     z-index:100;


}

.rowrandy img.rwhite{
	position:absolute;
     width:300px;
     height: 300px;
	right: 0px;
     bottom:-180px;
     z-index:120;
}


img.randy{
	width:100%;
	height: auto;
	position:relative;
}




/* WATSON SECTION*/

.rowwatson{
	background-image: url("images/aaronwatson.jpg");
	background-size: cover;
	position: relative;
	
}

.rowwatson h1.ticketbottom{
	position: absolute;
	top:90px;
	left: 100px;
	font-family: balboa-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 223px;
	color: white;
}

.rowwatson h2.buy{
	position: absolute;
	top: 398px;
	left:90px;
	font-family: balboa, sans-serif;
	font-weight: 800;
	font-style: oblique;
	font-size: 40px;
	color:white;
	z-index: 90;
}



.rowwatson p.virtual{
	position: absolute;
	float: left;
	width: 100%;
	top: 520px;
	text-align: center;
	font-family: 'balboa';
	font-size: 28px;
	color:white;
}

.rowwatson img.button2{
	position: absolute;
	top: 222px;
	left: -100px;

}

.rowwatson h3.pass{
	margin: 20px auto;
	position: absolute;
	left: calc(50% - 150px);
	width: 300px;
	height: 48px;
	background-image: url("images/buybutton2.png");
	top: 620px;
	text-align: center;
	font-family: 'balboa';
	font-size: 30px;
	line-height:48px;
	color:white;
}

img.watson{
	width:100%;
	height: auto;
	position: relative;
}

@media screen and (max-width:975px){
	.rowkoe .col-33{
		margin-top: -20px;
	}
	
	.rowkoe .left li{
		font-size: 20px;
	}
	.rowkoe .middle li{
		font-size: 20px;
	}
	.rowkoe .right li{
		font-size: 20px;
	}
	
	.rowjinks h2.oct{
		font-size: 80px;
		top: 350px;
		right: 70px;
	}
	.rowjinks .left li{
		font-size: 30px;
	}

	.rowjinks .middle li{
		font-size: 30px;
	}
	
	.rowjinks .right li{
		font-size: 30px;
	}
}

@media screen and (max-width:890px){
	.nav li{
		float: none;
		width: 100%;
		display: block;
		font-size: 40px;
	}
	
	.rowcojo .navrow{
		right: 70px;
	}
	
	.rowcojo img.button2{
	position: absolute;
	top: -135px;
	right: -170px;
}
	.rowcojo img.logo{
	position: absolute;
	top: 90px;
	left: 100px;
	width: 250px;
	height:auto;
	}
	
img.cojo{
	width: 100%;
	height: auto;
	position: relative;
}
	
	.rowcojo img.lefty{
	position:absolute;
     width:300px;
     height: 300px;
	left: -120px;
     bottom:-150px;
     z-index:100;
}

.rowcojo img.lwhite{
	position:absolute;
     width:300px;
     height: 300px;
	left: -120px;
     bottom:-180px;
     z-index:100;
}
	
	.rowkoe h1.lineup{
	position: absolute;
	top:60px;
	right: 70px;
	font-size: 120px;
	color:white;

}
	.rowkoe img.righty{
	position:absolute;
     width:300px;
     height: 300px;
     right:-120px;
     bottom:-150px;
     z-index:100;
}

.rowkoe img.rwhite{
	position:absolute;
     width:300px;
     height: 300px;
	right: -120px;
     bottom:-180px;
     z-index:100;
}
	
	.rowjinks .row{
	position: absolute;
	width: 100%;
	z-index: 40;
	top: 280px;
	display: table;
	content:"";
	clear:both;
}
	.rowkoe .col-33{
	width: 33%;
	height: 350px;
	float: left;
	padding-left: 40px;
	padding-bottom: 20px;
	padding-top: -10px;
	margin-top: -130px;

}
	.rowkoe .left li{
		font-size: 20px;
		padding: 0px 0px 10px 0px;
	}
	
	.rowkoe .middle li{
		font-size: 20px;
		padding: 0px 0px 10px 0px;
	}
	
	.rowkoe .right li{
		font-size: 20px;
		padding: 0px 0px 10px 0px;
	}
	
	.rowjinks h1.dates{
	position: absolute;
	top:60px;
	left: 70px;
	font-size: 120px;
}
	
	.rowjinks h2.oct{
	position: absolute;
	top: 200px;
	right:120px;
	font-size: 35px;
}
	
	.rowjinks .row{
		top: 220px
	}
	.rowjinks .col-33{
	width: 30%;
	height: auto;
	float: left;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 20px;
	margin-left: 25px;
	text-align: center;
}
	
	.rowjinks .left li{
		font-size: 25px;
	}
	
	.left li h1{
		font-size: 50px
	}
	
	.rowjinks .middle li{
		font-size: 25px;
	}
	
	.col-33 .middle li h1{
		font-size: 50px;
	}
	
	.rowjinks .right li{
		font-size: 25px;
	}
	
	.right li h1{
		font-size: 50px;
	}
	
	.rowjinks img.lefty{
	position:absolute;
     width:300px;
     height: 300px;
	left: -120px;
     bottom:-150px;
     z-index:100;
}

	.rowjinks img.lwhite{
	position:absolute;
     width:300px;
     height: 300px;
	left: -120px;
     bottom:-180px;
     z-index:100;
}
	
	.rowrandy h1.info{
	position: absolute;
	top:60px;
	right: 70px;
	font-size: 120px;
	color:white;
}
	.rowrandy h2.panther{
	position: absolute;
	top: 210px;
	left: 90px;
	font-size: 28px;
	}
	
	.rowrandy iframe.map{
	position: absolute;
	top: 260px;
	left: 90px;
	width: 300px;
	height: 200px;
}
	.rowrandy h3.address{
	top: 255px;
	left: 410px;
	font-size: 30px;
	color:white;
}
	.rowrandy p.limited{
	position: absolute;
	top:330px;
	left:411px;
	font-size: 20px;
	}
	
	.rowrandy img.righty{
	position:absolute;
     width:300px;
     height: 300px;
     right:-120px;
     bottom:-150px;
     z-index:100;
}

.rowrandy img.rwhite{
	position:absolute;
     width:300px;
     height: 300px;
	right: -120px;
     bottom:-180px;
     z-index:100;
}

.rowwatson h1.ticketbottom{
	position: absolute;
	top:60px;
	left: 70px;
	font-size: 120px;
}

.rowwatson h2.buy{
	position: absolute;
	top: 220px;
	left:70px;
	font-size: 30px;
	
}

.rowwatson img.button2{
	position: absolute;
	top: 37px;
	left: -280px;

}

.rowwatson p.virtual{
	position: absolute;
	top: 300px;
	float: left;
	width: 100%;
	bottom: 100px;
	font-size: 20px;
	color:white;
}


.rowwatson h3.pass{
	margin: 20px auto;
	position: absolute;
	left: calc(50% - 150px);
	width: 300px;
	height: 48px;
	background-image: url("images/buybutton2.png");
	top: 370px;
	text-align: center;
	font-family: 'balboa';
	font-size: 20px;
	line-height:48px;
	color:white;
}
}

@media screen and (max-width:750px){

	.rowcojo img.logo{
		left: 45px;
	}
	.nav li{
	padding: 0px 0px 20px 0px;

}
	
	.rowjinks .row{
		left: 20px;
		top: 240px
	}
.rowjinks .col-33{
	width: 30%;
	height: auto;
	float: left;
	padding-right: 20px;
	padding-top: 0px;
	margin-left: 0px;
	text-align: center;
}

.rowjinks .left li{
		font-size: 15px;
	}
	
	.left li h1{
		font-size: 40px
	}
	
	.rowjinks .middle li{
		font-size: 15px;
	}
	
	.col-33 .middle li h1{
		font-size: 40px;
	}
	
	.rowjinks .right li{
		font-size: 15px;
	}
	
	.right li h1{
		font-size: 40px;
	}
	
}

@media screen and (max-width:625px){
	.nav li{
		float: none;
		width: 100%;
		display: block;
		font-size: 30px;
	}
	
	.rowcojo img.button2{
	position: absolute;
	width: 350px;
	height: auto;
	top: -67px;
	right: -170px;
}
	.rowcojo img.logo{
	position: absolute;
	top: 70px;
	left: 80px;
	width: 200px;
	height:auto;
	}
	
	.rowcojo img.lefty{
	position:absolute;
     width:300px;
     height: 300px;
	left: -150px;
     bottom:-150px;
     z-index:100;
}

.rowcojo img.lwhite{
	position:absolute;
     width:300px;
     height: 300px;
	left: -150px;
     bottom:-180px;
     z-index:100;
}
	.rowkoe h1.lineup{
		font-size: 70px;
		top: 30px;
	}
	
	.rowkoe .row{
		top: 240px;
		left: 20px;
	}
	
	.rowkoe .col-33{
		width: 30%;
		
	}
	.rowkoe .left li{
		font-size: 16px;
	}
	
	.rowkoe .middle li{
		font-size: 16px;
	}
	
	.rowkoe .right li{
		font-size: 16px;
	}
	
		.rowkoe img.righty{
	position:absolute;
     width:300px;
     height: 300px;
     right:-150px;
     bottom:-150px;
     z-index:100;
}

.rowkoe img.rwhite{
	position:absolute;
     width:300px;
     height: 300px;
	right: -150px;
     bottom:-180px;
     z-index:100;
}
	
	
	.rowjinks h1.dates{
		font-size: 70px;
		top: 30px;
	}
	
	.rowjinks h2.oct{
		top: 130px;
		right: 88px;
	}
	
	.rowjinks .row{
		top:170px;
		left: 0px
	}
	.rowjinks .col-33{
	width: 30%;
	height: auto;
	float: left;
	padding-right: 0px;
	padding-top: -50px;
	margin-left: 0px;
	text-align: center;
	}
	
	.rowjinks img.lefty{
	position:absolute;
     width:300px;
     height: 300px;
	left: -150px;
     bottom:-150px;
     z-index:100;
}

	.rowjinks img.lwhite{
	position:absolute;
     width:300px;
     height: 300px;
	left: -150px;
     bottom:-180px;
     z-index:100;
}
	
		.rowrandy img.righty{
	position:absolute;
     width:300px;
     height: 300px;
     right:-150px;
     bottom:-150px;
     z-index:100;
}

.rowrandy img.rwhite{
	position:absolute;
     width:300px;
     height: 300px;
	right: -150px;
     bottom:-180px;
     z-index:100;
}
	
	.rowrandy h1.info{
	top:30px;
	font-size: 70px;
}
	.rowrandy h2.panther{
	top: 130px;
	left: 90px;
	font-size: 23px;
	}
	
	.rowrandy iframe.map{
	position: absolute;
	top: 180px;
	left: 90px;
	width: 200px;
	height: 200px;
}
	.rowrandy h3.address{
	top: 180px;
	left: 320px;
	font-size: 20px;
	color:white;
}
	.rowrandy p.limited{
	position: absolute;
	top:230px;
	left:321px;
	font-size: 20px;
	}
	
	.rowwatson h1.ticketbottom{
		top:30px;
	font-size: 70px;
	}
	.rowwatson h2.buy{
	top: 140px;
	left:70px;
	font-size: 25px;
	
}

.rowwatson img.button2{
	position: absolute;
	top: 6px;
	left: -280px;
	height: 300px;

}

.rowwatson p.virtual{
	position: absolute;
	top: 240px;
	float: left;
	width: 100%;
	font-size: 16px;
	color:white;
}


.rowwatson h3.pass{
	margin: 20px auto;
	position: absolute;
	left: calc(50% - 150px);
	width: 300px;
	height: 48px;
	background-image: url("images/buybutton2.png");
	top: 310px;
	text-align: center;
	font-family: 'balboa';
	font-size: 18px;
	line-height:48px;
	color:white;
}
}