@charset "utf-8";


<style>
	@import url("https://use.typekit.net/ijs5zim.css");
	@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
</style>



.clear {
	clear:both;
}

/* Font styles */

h1, h2, h3 {
	font-family: century-old-style-std,serif; font-weight: 400; font-style: normal;
	font-size: 3rem; text-align: center; color: #363636; padding: 0; margin: 0 0 15px; color: #ffffff;
} 

 h4, h5, p, ul, ol, li, a {
	font-family: 'Roboto', sans-serif; font-weight: 300; padding: 0; margin: 0; text-align: center; color: #ffffff;
} 

p {
	font-size: 110%; margin-bottom: 15px; line-height: 1.5rem; color: #ffffff;
}

#tickets h3, #main-content h3 {
	font-size: 2rem; margin-bottom: 2rem; color: #ffffff;
}

.all-caps {
	text-transform: uppercase;
}

.dates {
	padding: 5px 25px;
}

/* Structure */


body {
	max-width: 1200px;
    margin: 0 auto;
	background-color: #bf1c21;
}

/* Containers */

#top-bar, #header, #showcase, #main-content, #tickets, #footer, #header-2 {
	display: flex; min-height: inherit;
}

#main-content .container {
	display: block; min-height: inherit; width: 1250px; margin: 15px auto;
}

.lights {
	border: 2px solid #fff;
	margin-bottom: 4rem;
}

.container {
	display: block;
    padding: 1rem;
    margin: 1rem auto;
}

.hic-button-wrap button {
	padding: 15px 25px;
	text-transform: uppercase;
	border: 1px solid #fff;
	margin: 3.5rem auto 7rem;
	font-size: 1.5rem;
	display: block;
	width: 50%;
}

.hic-button-wrap button:hover {
	background-color: #ab191d;
	color: #fff;
}

#showcase .container {
	margin: 0; padding: 0; 
}

.grid-100 {
	display: inline; position: relative; max-width: 100%;
}

#top-bar {
	border-bottom: 1px #cccccc solid;
}

#top-bar .container, #header .container, #footer .container, #copyright .container {
    padding: 0; margin: 5px auto;
}

#copyright, #copyright-hold {
	border-top: 1px #fff solid; text-transform: uppercase; font-size: 70%; padding: 10px;
}

#copyright-hold {
	position: fixed;	bottom: 0; width: 100%; background-color: #fff;
}

#copyright-hold .container {
	padding: 0; margin: 0;
}

.btn .button {
	display: block;	background: #00bcf2; color: #fff; padding: 15px 30px;	border-radius: 30px; font-weight: 500;
}

.btn .button:hover {
	background: #03abdb;
}

.btn a {
	text-decoration: none; text-align: center; font-size: 140%; text-transform: uppercase;
}

#footer .btn {
	margin-top: 2rem; 
	margin-bottom: 2rem; 
}


/* Elements */

img {
	max-width: 100%;
}

#header .btn {
	position: fixed;
}
	

	
.logo {
	display: block;	margin: 15px; max-width: 350px;
}



/* Responsive custom */

    /* Large Display */
    @media (min-width: 1200px) {
		.logo { max-width: 800px; text-align: left; margin: 0 auto 35px 0;
    display: block; }
		.feature {max-width: 50%;}
    }
     
    /* Desktop */
    @media (min-width: 960px) and (max-width: 1199px) {
		.logo { max-width: 80%; text-align: left; margin: 0 auto 35px 0;
    display: block; }
		.feature {max-width: 50%;}
    }
         
    /* Tablets */
    @media (min-width: 768px) and (max-width: 959px) {
		.logo { max-width: 80%; text-align: left; margin: 0 auto 25px 0;
    display: block; }
		.feature {max-width: 100%;}
		.feature {border-left: 0; margin-bottom: 5rem;}
		.special {padding-left: 0;}
		
    }
         
    /* Smartphones to Tablets */
    @media (min-width: 481px) and (max-width: 767px) {
		.logo { max-width: 80%; text-align: left; margin: 0 auto 25px 0;
    display: block; }
		.feature {max-width: 100%;}
		.feature {border-left: 0; margin-bottom: 5rem;}
		.special {padding-left: 0;}
	}

    /* Smartphones */
    @media (max-width: 480px) {
		.logo { max-width: 80%; text-align: left; margin: 0 auto 25px 0;
    display: block; }
		.feature {max-width: 100%;}
		.feature {border-left: 0; margin-bottom: 5rem;}
		.special {padding-left: 0;}
		h3 {font-size: 1.5rem;}
		.copyright {float: left;}
		.address {padding-right: 50px;}
}