@font-face {
  font-family: MateSC-Regular;
  src: url(MateSC-Regular.ttf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: SourceSansPro-Bold;
  src: url(SourceSansPro-Bold.ttf);
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: SourceSansPro-Regular;
  src: url(SourceSansPro-Regular.ttf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: SourceSansPro-Italic;
  src: url(SourceSansPro-Italic.ttf);
  font-weight: normal;
  font-style: italic;
}
.main{
	background-image: url(img/bg-2021_2.jpg);
	margin: 0;
	font-size: 0;
	color: white;
	font-family: MateSC-Regular;
	text-align: center;
}
h1{font-size: 40px;
margin: 0;
display: table-cell;
vertical-align: middle;
font-family: MateSC-Regular;
font-style: normal;
font-weight: normal;}
h2{font-size: 30px;
margin: 0;
font-family: MateSC-Regular;
font-style: normal;
font-weight: normal;}
h3{font-size: 25px;
margin: 0;
font-family: MateSC-Regular;
font-style: normal;
font-weight: normal;}
h4{font-size: 20px;
margin: 0;
font-family: MateSC-Regular;
font-style: normal;
font-weight: normal;}
p{
	font-size: 20px;
	font-family: SourceSansPro-Regular;
	font-style: normal;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: 30px;}
#fade{
	width: 100%;
    height: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#151c6b+0,750000+100&0.4+0,0.4+100 */
background: -moz-linear-gradient(top, rgba(209,1,3,0.4) 0%,rgba(40,0,4,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(209,1,3,0.4) 0%,rgba(40),0,7,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(209,1,3,0.4) 0%,rgba(40,0,4,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    position: fixed;
    top: 0;
    left: 0;
    z-index: -100; /* Just to keep it at the very top */
}
.antispam { display:none;}
.container{
	max-width: 1200px;
	width: 98%;
	margin-left:auto;
	margin-right: auto;
	padding-bottom: 100px;
}
nav{
	position: fixed;
	bottom: 0;
	top: auto;
	width: 100%;
	font-size: 14px;
	text-transform: uppercase;
	border-top: solid white 2px;
	border-bottom: solid black 2px;
	box-shadow: 0 0 5px 5px rgba(0,0,0,.5);
	height: 90px;
	background: -moz-linear-gradient(top, rgba(209,1,3,1) 0%, rgba(141,0,7,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(209,1,3,1) 0%, rgba(141,0,7,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(209,1,3,1) 0%, rgba(141,0,7,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index: 100;
}
nav ul{
	list-style-type:none;
	padding: 0;
	margin: 0;
}
nav ul li{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 25%;
	display: inline-block;
	height: 90px;
	border: solid black;
	border-width: 0px 1px 0px 1px;
	vertical-align: bottom;
}
#fstli{
	border-width: 0px 1px 0px 0px;
}
#lstli{
	border-width: 0px 0px 0px 1px;
}
.grouptxt{display: inline-block;}
.subheader{
	background: url("img/subpage2020.jpg");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	min-height: 40vh;
	height: 150px;
	vertical-align: middle;
	display: table;
}
.button{
	height: 90px;
}
.select{
	height: 90px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2429a0+0,bc1e1e+100 */
background: -moz-linear-gradient(top, rgba(255,4,3,1) 0%, rgba(209,1,3,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,4,3,1) 0%, rgba(209,1,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,4,3,1) 0%, rgba(209,1,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#home{background: url(img/icon-home2018.png);
padding-top: 50px;
	margin-top: 10px;
	background-repeat: no-repeat;
	background-position: top;
	background-size: 45px;}
#aboutbtn{background: url(img/icon-history2021.png);
padding-top: 50px;
	margin-top: 10px;
	background-repeat: no-repeat;
	background-position: top;
	background-size: 45px;}
#tickets{background: url(img/icon-media-2026.png);
padding-top: 50px;
	margin-top: 10px;
	background-repeat: no-repeat;
	background-position: top;
	background-size: 45px;}
#info{background: url(img/icon-info2018.png);
padding-top: 50px;
	margin-top: 10px;
	background-repeat: no-repeat;
	background-position: top;
	background-size: 45px;}
#select{
background: -moz-linear-gradient(top, rgba(31,33,158,1) 0%, rgba(153,36,36,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(31,33,158,1) 0%,rgba(153,36,36,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(31,33,158,1) 0%,rgba(153,36,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#moreinformation{margin-top: -10px;
position: absolute;}
nav ul a{
	color: white;
}
header{
	background-color: black;
	border-bottom: black solid thick;
	box-shadow: 0 0 5px 0 black;
}
main{
	
}
footer{
	background-color: rgba(0,0,0,0.5);
	border-top: dashed thick white;
}
footer a{
	color: white;
}
.covid19 a{
	color: white;
}
.col{
	display: inline-block;
	margin: 0;
	padding: 1%;
	vertical-align: top;
}
.btn{
	color: white;
	border-radius: 5px;
	padding: 15px;
	margin: 10px;
	font-size: 20px;
	text-transform: uppercase;
	border: solid black 2px;
	box-shadow: 0 0 5px 2px rgba(0,0,0,.5);
	background: -moz-linear-gradient(top, rgba(209,1,3,1) 0%, rgba(141,0,7,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(209,1,3,1) 0%, rgba(141,0,7,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(209,1,3,1) 0%, rgba(141,0,7,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.ticketbtn img {max-width: 100%;
border: 2px solid white;
box-shadow: 4px 2px 5px black}
.ticketbtn{
	position: relative;
}
.links a {
	color: white;
	text-shadow: 0 0 5px black;
}
.left{
	text-align: left;
}
.tickettxt1 {
	position: absolute;
	top: 5%;
	text-align: center;
	width: 100%;
}
.tickettxt2 {
	position: absolute;
	bottom: 5%;
	text-align: center;
	width: 100%;
}
.question{
	margin-left: 5px;
	border-bottom: solid 3px rgba(209,1,3,1);
	margin-bottom: 20px;
	cursor: pointer;
}
.answer{
	padding-left: 15px;
	padding-right: 10px;
	background: rgba(0,0,0,0.5);
	display: none;
}
.covid19{
	background-color: black;
	border: red solid 2px;
	padding: 5px;
	border-radius: 5px;
}
.witch{
	padding-top: 40%;
}
.nopad{width: 100%;}
.videoembed{
	width: 95%;
	padding-top: 56.25%;
	position: relative;
	margin-left:auto;
	margin-right:auto;
}
.fade-top{
	background-image: url(img/fade-top.png);
	width: 100%;
	padding-top: 5.782%;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 40px;
	height: 40px;
}
.fade-bottom{
	background-image: url(img/fade-bottom.png);
	width: 100%;
	padding-top: 5.782%;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 40px;
	height: 40px;
}
.fade-bottom-green{
	background-image: url(img/fade-bottom-green.png);
	width: 100%;
	padding-top: 5.782%;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 40px;
	height: 40px;
}
.fade-top-green{
	background-image: url(img/fade-top-green.png);
	width: 100%;
	padding-top: 5.782%;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 40px;
	height: 40px;
}
.black{background-color: black;}
.green{background-color: #114505;}
.greenold{background-image: url("img/green-smoke.jpg");
	background-size: cover;
	background-position: bottom;
	background-color:#208409;}
.graveyard{background-image: url("img/graveyard-vertical.jpg");
	background-size: cover;
	background-position: bottom;
}
.rounded{width: 50%;
max-width: 175px;
border-radius: 5px;}
#paddingtop{height: 0px;}
#paddingbottom{height: 90px;}
.c1{width: 98%;}
.c2{width: 98%;}
.c3{width: 98%;}
.c4{width: 98%;}
.c5{width: 98%;}
.c6{width: 98%;}
.c6half{width: 98%;}
.c8{width: 98%;}
.c9{width: 98%;}
.c12{width: 98%;}
.sub4{width: 31.3%;}
.sub8{width: 64.6%;}
.menufix{
 position:absolute;
 margin-top:-30px;
 height:0px;
 width:0px;
 z-index: -50
}
.siq_bR {bottom: 120px!important;}

@media only screen and (min-width: 600px) {

.c1{width: 14.6%;}
.c2{width: 31.3%;}
.c3{width: 48%;}
.c4{width: 64.6%;}
.c5{width: 81.3%;}
.c6{width: 98%;}
.c6half{width: 75%;}
.c8{width: 98%;}
.c9{width: 98%;}
.c12{width: 98%;}
.witch{padding-top: 30%;}	
}

@media only screen and (min-width: 800px) {
.c4{width: 48%;}
.c6half{width: 48%;}
.witch{padding-top: 23.4%;}	
.videoembed{width: 75%; padding-top: 44.44%;
}
}

@media only screen and (min-width: 1025px) {

nav{
	position: fixed;
	bottom: auto;
	top: 0;
}
#fstli{
	border-width: 0px 1px 0px 2px;
}
#lstli{
	border-width: 0px 2px 0px 1px;
}
#moreinformation{margin-top: -110px;}
#paddingtop{height: 90px;}
#paddingbottom{height: 0px;}
.c1{width: 6.3%;}
.c2{width: 14.6%;}
.c3{width: 23%;}
.c4{width: 31.3%;}
.c5{width: 39.6%;}
.c6{width: 48%;}
.c6half{width: 48%;}
.c8{width: 64.6%;}
.c9{width: 73%;}
.c12{width: 98%;}
.menufix{margin-top:-120px;}
.graveyard{background-image: url("img/graveyard.jpg");}
.siq_bR {bottom: 10px!important;}
.container{padding-bottom: 10px;}
}