/* RESPONSIVE STYLES */

.fullimage {max-width:100%; height: auto;}
.imgfull {max-width:95%; height: auto;}


@media (max-width:980px) {

	#countdown-heading1 {
		font-size: 2.5vw;
	}
	#countdown-heading2 {
		font-size: 2.3vw;
	}
	.button-overlay-text {
		font-size: 2.25vw;
	}
	.button-overlay-arrow {
		font-size: 2.25vw;
	}
	.footerbox-ename {
		font-size: 3vw;
	}
	
	.footerbox-edates {
		font-size: 2.5vw;
	}
	
	.footerbox-eloc {
		font-size: 2.25vw;
	}
	
	.footerbox-nav {
		font-size: 2.25vw;
	}
	.footerbox-sig {
		font-size: 2vw;
	}
	.footerbox-fbtab {
		width: auto;
		font-size: 2.5vw;
	}
}

@media (max-width: 850px) {

}

@media (max-width: 800px) {

	#countdown-heading1 {
		padding: 0px 0 0 10%;
		font-size: 3vw;
	}
	#countdown-heading2 {
		font-size: 3.2vw;
	}

	#rc-imageselect, .g-recaptcha { 
		transform:scale(0.8); 
		-webkit-transform:scale(0.8); 
		transform-origin:0 0; 
		-webkit-transform-origin:0 0;
	}

}

@media (max-width: 775px) {

}

@media (max-width: 750px) {

	#datebanner-wrapper {
		top: 50%;
	}

}

@media (max-width: 700px) {

	.caption-heading1 {
		font-size: 4vw;
	}
	
	.caption-heading2 {
		font-size: 3vw;
	}

}

@media (max-width: 650px) { 

	#headerline-topbox {
		font-size: 18px !important;
		text-align: right;
	}

	#mainbox .col1 {
		width: 100%; 
		padding: 0% 0% 0 0; 
	}
	
	#mainbox .col2 {
		width: 100%; 
		padding: 0% 0 0 0%; 
	}

}


@media (max-width: 600px) {

	#countdown { 
		font-size: 4.75vw;
	}

	#countdown .label {
		font-size: 2.2vw;
	}

	.imgfloatleft {float:none;}
	.imgfloatright {float:none;}
	.imgborder {margin: 0 0 2% 0; }
	.contact-col-1 {
		width: 100%; 
		padding: 0; 
		position: relative; 
		height: auto;
	}
	.contact-col-2 {
		width: 100%; 
		padding: 0; 
		position: relative; 
		height: auto;
	}
	.formleft-div {
		width: 97%; 
		text-align: left; 
		font-weight: bold; 
		padding-top: 6px; 
		vertical-align: bottom;
	}
	.formright-div {
		width: 97%; 
		vertical-align: top; 
		margin-right: 2%; 
		height: 30px; 
	}
	#rc-imageselect, .g-recaptcha { 
		transform:scale(1.0); 
		-webkit-transform:scale(1.0); 
		transform-origin:0 0; 
		-webkit-transform-origin:0 0;
	}
	#eventpage .schedule-col1 {
		width: 100%; 
		padding: 0 0% 0 0;
	}
	#eventpage .schedule-col2 {
		width: 100%;
		padding: 1% 0% 1% 0;
	}
}

@media (max-width: 550px) {

	#datebanner {
		height: 50px;	
	}
	#datebanner-dates {
		padding: 5px 30px 0 0;
		font-size: 4.5vw;
	}

}

@media (max-width: 500px) {

	#countdownline {
		background-size: cover;
	}

	#countdownline-col1 {
		width: 90%;
		padding: 0 5% 0 5%;
	}
	
	#countdownline-col2 {
		width: 90%;
		padding: 0 5% 0 5%;
	}

	#countdown-heading1 {
		width: 90%;
		padding: 0px 5% 0 5%;
		font-size: 4.5vw;
		text-align: center;
	}
	#countdown-heading2 {
		padding: 0px 5% 0 5%;
		font-size: 5.5vw;
		text-align: center;
		font-family: aLoveOfThunder;
	}

	.button {
		width: 85%;
		margin: 0 7.5% 15px 7.5%;
	}
	.button-overlay-text {
		font-size: 4.5vw;
	}
	.button-overlay-arrow {
		font-size: 4.5vw;
	}

	#footerbox-col1 {
		width: 94%;
		padding: 0 3% 0 3%;
	}
	
	#footerbox-col2 {
		width: 94%;
		padding: 0 3% 0 3%;
	}

	.footerbox-ename {
		font-size: 5vw;
	}
	
	.footerbox-edates {
		font-size: 4.5vw;
	}
	
	.footerbox-eloc {
		font-size: 4.25vw;
	}
	
	.footerbox-nav {
		font-size: 4.25vw;
	}
	.footerbox-sig {
		font-size: 4vw;
	}
	.footerbox-fbtab {
		width: auto;
		font-size: 4.5vw;
	}

	.col50 {
		width: 100%;
		padding: 0 1% 1% 1%;
	}

}

@media (max-width: 450px) {

	#mainbox h1 {font-size: 26px;}
	#mainbox h2 {font-size: 24px;}
	#mainbox h3 {font-size: 22px;}

}

@media (max-width: 400px) {

	#headerline {
		padding: 0 0 24px 0;
	}
	#headerline-top {
		padding: 0px 1% 0px 1%;
		background: url(/images/site/template/headerlinetop-bkg.png) no-repeat;
		background-position: cover;
	}
	#topbox-icons {
		display: none;
	}
	#logobox {
		width: 100%;
		position: relative;
		top: 0px;
		text-align: center;
	}
	#logobox img {
		width: 105px;
	}

	#navbox {
		width: 100%;
		padding: 5px 0 0 0;
	}

	#datebanner {
		height: 35px;	
	}
	#datebanner-dates {
		padding: 2px 30px 0 0;
		font-size: 4vw;
	}

	#layerslider .hide {display: none;}
	
	#rc-imageselect, .g-recaptcha { 
		transform:scale(0.8); 
		-webkit-transform:scale(0.8); 
		transform-origin:0 0; 
		-webkit-transform-origin:0 0;
	}
	
}

@media (max-width:380px) {

}

@media (max-width:350px) {

	#mainbox h1 {font-size: 22px;}
	#mainbox h2 {font-size: 20px;}
	#mainbox h3 {font-size: 18px;}

}