@charset "utf-8";

@font-face {
    font-family: "Brandon Bold";
    src: url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon_bld-webfont.eot');
    src: url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon_bld-webfont.ttf') format('truetype'), url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon_bld-webfont.svg') format('svg'), url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon_bld-webfont.woff2') format('woff2'), url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon_bld-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brandon Medium";
    src: url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-med-webfont.eot');
    src: url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-med-webfont.ttf') format('truetype'), url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-med-webfont.svg') format('svg'), url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-med-webfont.woff2') format('woff2'), url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-med-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brandon Regular";
    src: url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-reg-webfont.eot');
    src: url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-reg-webfont.ttf') format('truetype'), url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-reg-webfont.svg') format('svg'), url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-reg-webfont.woff2') format('woff2'), url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*{outline:1px solid red;}*/
    * img {
        max-width: 100%;
        height: auto;
        margin-bottom: 0px;
    }
*{margin: 0px;}
#mainContainer{
	max-width: 1000px;
	background-image: url(images/fqf-bkgrnd-2.jpg);
	background-size: 100%;
}
#mainContainer p{margin: 0px;}
#sect1 h1{
	font-family: 'BrandonPrinted-One';, Georgia;
    text-shadow: 2px 5px 7px #ffffff;
    font-size: 80px;
    color: #067889;
    text-transform: uppercase;
    width: 85%;
    padding: 5% 0%;
}
#sect2{margin-left: 5px;
		margin-right: 5px;}
#sect3{padding-top:5%;margin-left: 5px;
		margin-right: 5px;}

.copy{
	color:white;
	font-family: "Brandon Bold";
	text-shadow: 2px 5px 7px #067889;
	text-transform: uppercase;
}
.f56{
	font-size: 56px;
}
.f56a{
	font-size: 56px;
	 padding: 2% 1%;
}
.f34{    
	font-size: 34px;
    padding: 2% 1%;
}
.f48{    
	font-size: 48px;
    padding: 2% 1%;
}

.copy2{
	font-family: "Brandon Regular";
	color:black;
	text-transform: uppercase;
	font-size: 32px;
	
}
.five{line-height: .5;}
.p5top{padding-top:5%;}
.copy3{
	font-family: "Brandon Regular";
	color:black;
	text-transform: uppercase;
	font-size: 36px;
	font-weight: bold;
}
.masonry{width:100%;background-color: #067889;}
.item{
	vertical-align: top;
	padding:1%;
	display: inline;
}
.extra{letter-spacing: 10px;}
.day{color:black;}
.concerts{padding-top:5%;}
.concerts h2{
	font-family: 'BrandonPrinted-One', Georgia;
    text-shadow: 2px 5px 7px #ffffff;
    font-size: 56px;
    color: #067889;
    text-transform: uppercase;
}
#sect3 ul, #sect4 ul{margin:0px;padding:0px;list-style:none;}
#sect3 li{
	font-family: "Brandon Medium";
	text-transform:uppercase;
	letter-spacing: -2px;
	font-size:36px; 
	color:black;
	width:80%;
	text-align: left;
}
#sect3 li a{color:black;}
#sect3 li span{color:#067889;padding-right:5px;}
#sect4{padding-bottom: 5%;}
#sect4 ul li{display:inline-block;vertical-align: middle;}
#sect4 ul li p, #address{  
	font-family: "Brandon Bold";
	font-size:24px;
	text-transform:uppercase;
	letter-spacing:10px;}
#address{padding-top:5px;}
@media screen and (max-width: 910px) {
	#sect3 li{font-size: 32px;
	}
	#sect1 #logo{width:90%;}
	.f34{font-size:30px;}
	.copy2{font-size:28px;}
	.extra{letter-spacing: 8px;}
	.copy3{font-size: 32px;}
	#sect4 ul li {vertical-align: inherit;}
}
@media screen and (max-width:825px){
	#sect3 li{font-size: 28px;
	}
}
@media screen and (max-width: 810px) {
	#sect1 h1{font-size: 68px;}
	.f34{font-size:26px;}
	.extra{letter-spacing: 6px;}
	.copy2{font-size: 24px;}
	.copy3{font-size: 28px;}
}
@media screen and (max-width: 710px) {
	#sect1 h1{font-size: 58px;}
	#sect3 li{font-size: 26px;}
	.f56{font-size:48px;}
	.f34{font-size:24px;}
	.extra{letter-spacing: 4px;}
	.copy2{font-size: 22px;}
	.copy3{font-size: 26px;}
	#address{font-size:16px;}
	.social img{width:75%;}
	.concerts h2{font-size: 42px;}
}
@media screen and (max-width: 640px) {
	#sect1 h1{font-size: 50px;}
	.f56{font-size:40px;}
	.f34{font-size:20px;}
	.extra{letter-spacing: 4px;}
	.copy2{font-size: 18px;}
	.copy3{font-size: 20px;}
	#sect3 li{font-size:22px;}
	.concerts h2{margin:0px; font-size: 38px;}
	#address{letter-spacing: 6px;}
}
@media screen and (max-width: 510px) {
	#sect1 h1{font-size: 42px;}
	.f56{font-size:36px;}
	.f34{font-size:28px;}
	.extra{letter-spacing: 4px;}
	.copy2{font-size: 18px;}
	
	#sect3 li{font-size:18px;}
	.concerts h2{font-size: 26px;}
	#sect4 ul li {
    vertical-align: text-top;
	}
	.five{line-height: normal;}
}
@media screen and (max-width: 455px) {
		.f56{font-size:32px;}
	#address{letter-spacing: 2px;}
	.extra{letter-spacing: 1px;}
	#sect3 li{font-size:16px;}
}
@media screen and (max-width: 340px) {
	.f56{font-size: 28px;}
	.concerts h2{font-size:20px;}
	#sect3 li{    
		font-size: 12px;
    width: 95%;
    letter-spacing: .1px;}
		#address{letter-spacing: 0px;}

}