@font-face {
    font-family: 'americanCaptain';
    src: url('../fonts/AmericanCaptain.otf');   
}


@font-face {
    font-family: 'korolev';
    src: url('../fonts/korolev.otf');   
}

@font-face {
    font-family: 'futuraBody';
    src: url('../fonts/FuturaStd-Book.otf');   
}

@font-face {
    font-family: 'kaufman';
    src: url('../fonts/Kaufman.ttf');   
}

@font-face {
    font-family: 'light';
    src: url('../fonts/light.otf');   
}

@font-face {
    font-family: 'tradeGothic';
    src: url('../fonts/tradeGothic.ttf');   
}

@font-face {
    font-family: 'KorolevCondensed';
    src: url('../fonts/KorolevCondensed.ttf');   
}

body{
	background-color: #F5F2EA;
}


.directionsRed{
	color:  #E2452B;
}


.light {
  animation:top-right 5s ease-in-out alternate infinite;
  border-bottom:none;
  border-left:solid 15vh transparent;
  border-right:solid 15vh transparent;
  border-top:solid 200vh rgba(255, 255, 255, .2);
  bottom:0;
  height:0;
  left:0;
  position:absolute;
  z-index: 2;
  transform-origin:bottom;
  width:0;
/*  animation-delay: 2s;*/
  display: none;
}

.light + .light {
  animation:top-left 4s ease-in-out alternate infinite;
  left:auto;
  right:0;
}

@keyframes top-right {
  0% {
    transform:rotate(-10deg);
  }
  100% {
    transform:rotate(70deg);
  }
}

@keyframes top-left {
  0% {
    transform:rotate(10deg);
  }
  100% {
    transform:rotate(-70deg);
  }
}

#leftWhiteCircle{
	 animation: beat1 1s infinite linear;
}

#rightWhiteCircle-2{
	animation: beat2 1s infinite linear;
}

@keyframes beat1{
	
	0%{ 
		transform: scale(1) translate(0px);
		box-shadow: 0px 0px #000;
	
	}

	10%{ 

  		transform: scale(1.02) translate(-8px, -7px);
  		box-shadow: 20px 20px #000;

  	}

  	40%{ 
		transform: scale(1) translate(0px);
		box-shadow: 0px 0px #000;
	}


	62%{ 

  		transform: scale(1.04) translate(-18px, -13px);
  		box-shadow: 20px 20px #000;

  	}

  	100%{
  		transform: scale(1) translate(0px);
		box-shadow: 0px 0px #000;
  	}
}


@keyframes beat2{
	
	0%{ 
		transform: scale(1) translate(0px);
		box-shadow: 0px 0px #000;
	
	}

	10%{ 

  		transform: scale(1.02) translate(-15px, -7px);
  		box-shadow: 20px 20px #000;

  	}

  	40%{ 
		transform: scale(1) translate(0px);
		box-shadow: 0px 0px #000;
	}


	60%{ 

  		transform: scale(1.04) translate(-25px, -13px);
  		box-shadow: 20px 20px #000;

  	}

  	100%{
  		transform: scale(1) translate(0px);
		box-shadow: 0px 0px #000;
  	}
}

.container{
	margin-left:auto;
	margin-right:auto;
}

#feature{
	background-color: #212126;
	position: relative;
	overflow: hidden;
}

.st0{fill:#231F20;}

.car{
	position: absolute;
	top: 0;
	left: 0;
	scale: 1.02;
	z-index: 3;
}

.carBop{
	animation: carBop 1.2s 3;
	animation-delay: 300ms;
}

@keyframes carBop{
	0%{
	top: 0;
	}

	25%{
		top: -1%;
	}

	50%{
	top: 0%;
	}

	75%{
		top:-.5%;
	}

	100%{
		top: 0%;
	}
}

.outside{
	position: absolute;
	top: 0%;
	left: 0;
	scale: 1;
	z-index: 1;
}

.screenEnlarge{
	animation: screenEnlarge 6s forwards;
	animation-delay: 300ms;
}

@keyframes screenEnlarge{
	0%{
	scale: 1;
	}

	100%{
	scale: 1.7;
	}
}

.Wheel {
    position: absolute;
    bottom: 6%;
    left: 14%;

    width: 22%;
    padding-top: 22%;
    z-index: 4;

    transform-box: fill-box;
    transform-origin: center center;

    animation:
        steeringTurn 1.2s ease-in-out 300ms 3,
        wheelBop 1.2s ease-in-out 300ms 3;
}

@keyframes steeringTurn {
    0%, 100% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-5deg);
    }
    50% {
        transform: rotate(4deg);
    }
    75% {
        transform: rotate(-2deg);
    }
}

@keyframes wheelBop{
	0%{
		bottom: 6%;
	}

	25%{
		bottom: 7%;
	}

	50%{
	bottom: 6%;
	}

	75%{
		bottom: 6.5%;
	}

	100%{
		bottom: 6%;
	}
}



	.homeButton:hover{
		color: #fff;
		transition: color 300ms;
	}

	.donate:hover{
		color: #fff;
	}

	.nowShowing:hover{
		color: #fff;
	}



/* MOBILE STYLES ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 767px){
	.container{
		width:87.5%; /* 280 pixels at a 320 pixel screen width (iPhone 3 / 4 / 5) */
	}

nav{
		width: 100%;
		background-color: #000;
		height: 10%;
		position: fixed;
		z-index: 2;
		top: -4%;
		left: 0%;
		border-radius: 20px;
		background-color: #000;
		z-index: 10;
	}

	.homeButton{
		font-size: 170%;
		width: 20%;
		height: 4%;
		position: fixed;
		top: 2%;
		left: 50%;
		margin-left: -10%;
		text-decoration: none;
		text-align: center;
		font-family: americanCaptain;
		color: #E2452B;
			transition: color 300ms;
	}

	.nowShowing{
		font-size: 150%;
		width: 30%;
		position: fixed;
		top: 1.5%;
		left: 13%;
		margin-left: -10%;
		font-family: KorolevCondensed;
		text-decoration: none;
		color: #E2452B;
			transition: color 300ms;
	}

	.donate{
		font-size: 150%;
		width: 10%;
		position: fixed;
		top: 1.5%;
		right: 0%;
		font-family: KorolevCondensed;
		text-decoration: none;
		color: #E2452B;
			transition: color 300ms;
	}

	.redBoxListen{
		display: none;
	}

	.ticketStepOneSection{
		width: 100%;
		position: fixed;
		top: 0;
		left: -100%;
		background-color: #000;
		z-index: 200;
		overflow-y: scroll;
	}

	.ticketContainer{
		width: 87.5%;
		height: 310%;
		margin-left: 6.25%;
		overflow-y: scroll;
	}

	.ticketOutline{
		margin-top: 2%;
		width: 100%;
		padding-top: 226.189285714285714%;
		background-image: url(../images/ticketOutlineMobile.png);
		background-size: 100%;
		overflow-y: scroll;
		background-repeat: no-repeat;
	}

	.textContainer{
		width: 87.5%;
		height: 100%;
		position: fixed;
		top: 50%;
		left: -100%;
		margin-top: -50%;
		margin-left: -43.75%;
	}

	.ticketBuyingHeader{
		font-family: tradeGothic;
		color: #fff;
		font-size: 18vw;
		text-align: center;
		margin-bottom: 7%;
		margin-top: 5%;
	}

	.dateTicketPurchase{
		font-family: americanCaptain;
		color: #fff;
		font-size: 8vw;
		text-align: center;
		margin-bottom: 5%;
	}

	.titleOneTicketPurchase{
		font-family: futura;
		color: #fff;
		font-size: 5vw;
		text-align: center;
		margin-bottom: 2%;
	}

	.andPurchase{
		font-family: futura;
		color: #fff;
		font-size: 5vw;
		text-align: center;
		margin-bottom: 2%;
	}

	.titleTwoTicketPurchase{
		font-family: futura;
		color: #fff;
		font-size: 5vw;
		text-align: center;
		margin-bottom: 15%;
	}

	.priceTicketPurchase{
		font-family: tradeGothic;
		color: #fff;
		font-size: 7vw;
		text-align: center;
		margin-bottom: 3%;
	}

	.TwoForOneTicketPurchase{
		font-family: light;
		color: #fff;
		font-size: 5vw;
		text-align: center;
		margin-bottom: 12%;
	}

	.purchaseButtonOne{
		text-decoration: none;
		color: #fff;
		font-family: tradeGothic;

		border-color: #fff;
		border-style: solid;
		border-width: 2px;
		padding-left: 6%;
		padding-right: 6%;
		padding-top: 1%;
		padding-bottom: 1%;
		font-size: 5vw;
		text-align: center;
		margin-left: 32%;
		margin-bottom: 10%;
		transition: background-color 300ms;
	}

	.textContainer2 h1{
		color: #fff;
		font-family: tradeGothic;
		margin-bottom: 2%;
		font-size: 2.5vw;
	}

	.textContainer2{
		width: 80%;
		position: fixed;
		top: 45%;
		left: -100%;
		margin-left: -35%;
		margin-top: -21%;
	}

	.flexParentCode{
		display: flex;
	}

	#firstName{
		width: 85%;
		padding-top: 2%;
		margin-bottom: 7%;
	}

	#lastName{
		width: 85%;
		padding-top: 2%;
		margin-bottom: 7%;
	}

	#securityBox{
		width: 80%;
		padding-top: 4%;
		margin-top: 2%;
	}

	#expirationBox{
		width: 95%;
		padding-top: 4%;
		margin-top: 3%;
		margin-bottom: 50%;
	}

	#cardBox{
		width: 85%;
		padding-top: 2%;
		margin-bottom: 7%;
	}

	#emailBox{
		width: 85%;
		padding-top: 2%;
		margin-bottom: 7%;
	}

	.PurchaseTicketHeaderTwoMobile{
		font-family: tradeGothic;
		font-size: 16vw;
		color: #fff;
		position: fixed;
		top: 18%;
		left: -100%;
		width: 40%;
		text-align: center;
	}

	.securityChunk{
		margin-left: 10%;
	}

	input{
		font-size: 2vw;
		font-family: light;
	}

	.purchaseButtonTwo{
			text-decoration: none;
		color: #fff;
		font-family: tradeGothic;

		border-color: #fff;
		border-style: solid;
		border-width: 2px;
		padding-left: 6%;
		padding-right: 6%;
		padding-top: 1%;
		padding-bottom: 1%;
		font-size: 5vw;
		text-align: center;
/*		margin-left: 32%;*/
		margin-bottom: 10%;
				transition: background-color 300ms;
	}

	.thankYou{
		width: 80%;
		height: 110%;
		position: fixed;
		top: 50%;
		left: 50%;
		margin-left: -40%;
		margin-top: -50%;
/*		background-color: hotpink;*/
		display: none;
	}

	.completedText{
		font-family: tradeGothic;
		font-size: 12vw;
		width: 80%;
		margin-left: 10%;
		text-align: center;
		color: #fff;
		display: none;
		margin-bottom: 10%;
		margin-top: 15%;
	}

	.receipt{
		font-family: light;
		font-size: 5.5vw;
		width: 70%;
		margin-left: 15%;
		text-align: center;
		color: #fff;
		margin-bottom: 20%;
		display: none;
	}

	.closeButton{
		text-decoration: none;
		color: #fff;
		font-family: tradeGothic;

		border-color: #fff;
		border-style: solid;
		border-width: 2px;
		padding-left: 6%;
		padding-right: 6%;
		padding-top: 1%;
		padding-bottom: 1%;
		font-size: 5vw;
		text-align: center;
		margin-left: 34%;
		margin-bottom: 10%;
		display: none;
				transition: background-color 300ms;
	}

	.ticketStepOneSection a:hover{
		background-color:  #E2452B;;
		transition: background-color 300ms;
	}

	.postersRowOneParent{
		display: none;
	}

	.postersGroupOne{
		display: none;
	}

	.postersGroupTwo{
		display: none;
	}

	.desktopHistorySection{
		display: none;
	}

	.mobileBlock{
		width: 100%;
		background-color: #000;
		padding-top: 10%;
	}

	#feature{
		padding-top: 56.25%;
		margin-bottom: 5%;
	}

	.filmStrip{
		background-image: url(../images/filmscrollmobile.png);
		background-size: 100%;
		width: 100%;
		padding-top: 36.4%;
		margin-bottom: 5%;
		position: relative;

		background-repeat: repeat-x;
    animation: filmScroll 20s linear infinite;
	}

@keyframes filmScroll {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -100vw 0;
    }
}








	.locationSection{
		width: 95.5%;
		margin-left: auto;
		margin-right: auto;
	}

	.mobileMapImage{
		width: 100%;
		padding-top: 90.126582278481013%;
		background-image: url(../images/map.png);
		background-size: 100%;
		margin-bottom: 8%;
	}

	.locationHeader{
		font-family: americanCaptain;
		font-size: 15vw;
		color: #D94E39;
		padding-top: 10%;
		padding-bottom: 5%;
		text-align: center;
	}

	.locationBlurb{
		font-family: futuraBody;
		font-size: 4vw;
		color: #000;
		margin-bottom: 10%;
		width: 87.5%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

.directionsText {
    display: block;
    font-family: Korolev;
    font-size: 5.5vw;
    padding-top: 1%;
    margin-bottom: 10%;
    color: #D95037;
    width: 87.5%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-decoration: none;
    transition: color 300ms ease;
}

.directionsText:hover {
    color: #000;
}

	.lightsImage{
		background-image: url(../images/mobileLights.png);
		background-size: 100%;
		width: 100%;
		padding-top: 9.069268292682927%;
	}

	#nowShowingSection{
		width: 87.5%;
		margin-left: auto;
		margin-right: auto;
	}

	.nowShowingHeader{
		font-family: americanCaptain;
		font-size: 22vw;
		color: #000;
		width: 100%;
		text-align: center;
		padding-top: 5%;
	}

	.MoviesStartAtDusk{
		font-size: 6vw;
		font-family: tradeGothic;
		text-align: center;
		width: 100%;
		color: #000;
		margin-bottom: 5%;
		margin-top: -1%;
	}

	.movie{
		width: 100%;
		padding-top:147.328571428571429%;
		margin-bottom: 5%;
	}

	.One{
		background-image: url(../images/posterNoOne.jpg);
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.Two{
		background-image: url(../images/posterNoTwo.jpg);
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.Three{
		background-image: url(../images/posterNoThree.jpeg);
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.Four{
		background-image: url(../images/posterNoFour.jpeg);
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.dates{
		display: none;
	}

	.times{
		display: none;
	}

	.tickets{
		display: none;
	}

	.ticketBoxMobile{
		width: 46.428571428571429%;
		padding-top: 5%;
		padding-bottom: 10%;
	}

	.ticketSVG{
		transition: fill 400ms;
	}

	.ticketSVG:hover{
		fill: #D95037;
		transition: fill 200ms;
	}

	.mobileDate{
		font-family: americanCaptain;
		font-size: 10vw;
	}

	.mobileTime{
		font-family: Korolev;
		font-size: 5vw;
		margin-bottom: 20%;
	}

	.howToListenSection{
		background-color: #D94E39;
		margin-bottom: 8%;
		position: relative;
	}

	.red{
		display: none;
	}

	.redMobile{
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 2;
	}

	.containerListen{
		width: 87.5%;
		margin-left: auto;
		margin-right: auto;
	}

	.howTo{
		font-family: kaufman;
		font-size: 10vw;
		color: #fff;
		padding-top: 13%;
		rotate: -7deg;
		text-shadow: -9px 5px rgba(53, 17, 16, .25);
	}

	.listen{
		font-family: americanCaptain;
		font-size: 25vw;
		color: #fff;
		rotate: -7deg;
		margin-left: 3%;
		text-shadow: -9px 5px rgba(53, 17, 16, .25);
	}

	.listenParagraph{
		font-family: light;
		font-size: 5vw;
		color: #fff;
		rotate: -7deg;
		width: 75%;
		margin-left: 16%;
	}

	.rightSideListen{
		position: relative;
		z-index: 8;
	}

	.radio{
		padding-top: 8%;
		padding-bottom: 15%;
	}

	.burgerSection{
		width: 87.5%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10%;
	}

	.homeOf{
		font-family: kaufman;
		font-size: 11vw;
		color: #000;
		padding-bottom: 3%;
		text-align: center;
	}

	.momma{
		font-family: americanCaptain;
		font-size: 27vw;
		color: #000;
		text-align: center;
	}

	.burger{
		font-family: americanCaptain;
		font-size: 27vw;
		color: #000;
		text-align: center;
		margin-top: -3%;
	}

	.flexParent{
		display: flex;
	}

	.madeWith{
		font-family: KorolevCondensed;
		font-size: 5vw;
		color: #000;
	}

	.bun{
		font-family: KorolevCondensed;
		font-size: 9vw;
		color: #000;
	}

	.and{
		font-size: 17vw;
		font-family: tradeGothic;
		margin-top: -1%;
		padding-left:9%;
		padding-right: 8%;
	}

	.lb{
		font-family: KorolevCondensed;
		font-size: 9vw;
		color: #000;
	}

	.chuckSteak{
		font-family: KorolevCondensed;
		font-size: 5vw;
		color: #000;
	}

	.burgerImage{
		width: 100%;
		padding-top: 139.825%;
		background-image: url(../images/burgerImageColor.png);
		background-size: 100%;
	}

	.group2{
		margin-left: auto;
	}

	.burgerText{
		display: flex;
		width: 88%;
		margin-left: 6%;
		margin-top: 10%;
		margin-bottom: 3%;
	}

	.historySection{
		width: 100%;
		background-color: #000;
	}

	.historyTitle{
		font-family: americanCaptain;
		font-size: 15vw;
		color: #fff;
		text-align: center;
		margin-top: 15%;
		margin-left: 4%;
		width: 100%;
	}

	.historyContainer{
		width: 87.5%;
		margin-left: auto;
		margin-right: auto;
	}

	.mobileFilmFlexParent{
		display: flex;
	}

	.leftWhiteBlocks{
		background-image: url(../images/whiteBlocks.png);
		background-size: 100%;
		width: 8%;
		padding-top: 500.657142857142857%;

		margin-top: 10%;
	}

	.middleBlocks{
		width: 74%;
	}

	.block{
		width: 100%;
		padding-top: 150%;
		border-radius: 10px;
		margin-bottom: 5%;
		background-color: #fff;
		position: relative;
		top: 0;
		left: 5%;

		margin-top: 10%;
	}

	.blockContent{
		width: 80.952380952380952%;
		margin-left: 9.523809523809523%;

		position: absolute;
		top: 0;
		left: 0;
	}

	.rightWhiteBlocks{
		background-image: url(../images/whiteBlocks.png);
		background-size: 100%;
		width: 8%;
		padding-top: 500.657142857142857%;
		margin-left: auto;

		margin-top: 10%;
	}

	.year{
		font-family: tradeGothic;
		font-size: 6vw;
		padding-top: 10%;
		padding-bottom: 5%;
	}

	.title{
		font-family: americanCaptain;
		font-size: 10vw;
		padding-bottom: 5%;
	}

	.opensBlurb{
		font-family: light;
		font-size: 5.25vw;
	}

	.cameraImage{
		background-image: url(../images/cameraImage.png);
		background-size: 100%;
		width: 65.666666666666667%;
		padding-top: 70.980952380952381%;
		position: absolute;
		bottom: 0%;
		left: 20%;
	}

	.moneyHandImage{
		background-image: url(../images/moneyHand.png);
		background-size: 100%;
		width: 90.476190476190476%;
		padding-top: 60.928571428571429%;
		position: absolute;
		bottom: 5%;
		right: 0;
	}

	.screenImage{
		background-image: url(../images/screen.png);
		background-size: 100%;
		width: 73.80952380952381%;
		padding-top: 56.866666666666667%;
		position: absolute;
		bottom: 5%;
		left: 12%;
	}

	.stateImage{
		background-image: url(../images/state.png);
		background-size: 100%;
		width: 66.666666666666667%;
		padding-top: 70.980952380952381%;
		position: absolute;
		bottom: 5%;
		right: 2%;
	}

	#faqSection{
		background-color: #F5F2EA;
		padding-bottom: 10%;
		padding-top: 10%;
	}

	.FaqContainer{
		width: 70%;
		margin-left: 15%;
	}

	.faqHeader{
		display: none;
	}

	.mobileFaqHeader{
		font-family: americanCaptain;
		font-size: 20vw;
		text-align: center;
		padding-bottom: 5%;
	}

	.accordion {
	  background-color: #F5F2EA;
	  color: #444;
	  cursor: pointer;
	  padding: 18px;
	  width: 100%;
	  text-align: left;
	  outline: none;
	  font-size: 15px;
	  transition: 0.4s;

	   border-style: solid;
	   border-width: 3px;
	   border-color: #000;
	   border-radius: 10px;
	   margin-bottom: 5%;
	   box-shadow: 4px 5px #000;

	   font-family: KorolevCondensed;
	   font-size: 3.3vw;
	   color: #000;
	}

	.active, .accordion:hover {
	  background-color:  #D94E39;
	}

	.accordion:after {
	  content: '\002B';
	  color: #000;
	  font-weight: bold;
	  float: right;
	  margin-left: 5px;
	}

	.active:after {
	  content: "\2212";
	}

	.panel {
	  padding: 0 18px;
	  background-color: #F5F2EA;
	  max-height: 0;
	  overflow: hidden;
	  transition: max-height 0.2s ease-out;
	}

	.panel p{
		font-family: light;
		font-size: 4.5vw;
		line-height: 5vw;
		padding-bottom: 3%;
	}

	.prohibitedHeader{
		font-family: KorolevCondensed;
		font-size: 8vw;
		text-align: center;
		margin-bottom: 7%;
			width: 85%;
		margin-left: auto;
		margin-right: auto;
	}

	.RuleOne{
		font-family: light;
		font-size: 6vw;
		text-align: center;
		margin-bottom: 5%;
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}

	.RuleTwo{
		font-family: light;
		font-size: 6vw;
		text-align: center;
			width: 87.5%;
		margin-left: auto;
		margin-right: auto;
	}

	.prohibitedSection{
		margin-bottom: 5%;
	}

	.prohibitedSection{
		margin-bottom: 8%;
	}

	.footer{
		width: 100%;
		background-color: #000;
		padding-top: 60%;
		position: relative;
	}

	.thatsAllFolks{
		width: 100%;
		color: #fff;
		font-family: kaufman;
		font-size: 10vw;
		text-align: center;
		position: absolute;
		top: 12%;
		left: 0;
	}

	.footerText{
		width: 100%;
		text-align: center;
		font-size: 4vw;
		font-family: light;
	}

	.phoneGroup{
		width: 40%;
		display: flex;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -18%;
	}

	.phoneIcon{
		background-image: url(../images/phoneIcon.png);
		width: 10%;
		padding-top: 10%;
		background-size: 100%;
		margin-right: 2%;
		background-repeat: no-repeat;
	}

	.phone{
		color: #fff;
		margin-bottom: 2%;
		line-height: 5.5vw;
	}

	.mailGroup{
		width: 50%;
		display: flex;
		position: absolute;
		top: 63%;
		left: 50%;
		margin-left: -23%;
	}

	.mailIcon{
		background-image: url(../images/mailIcon.png);
		width: 10%;
		padding-top: 10%;
		background-size: 100%;
		margin-right: 2%;
		background-repeat: no-repeat;
	}

	.email{
		color: #fff;
		padding-bottom: 6%;
	}

	.address{
		color: #fff;
		font-size: 3vw;
		padding-bottom: 5%;
		text-align: center;
	}



}

/* TABLET STYLES ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.container{
		width:93.75%; /* 720 pixels at a 768 pixel screen width (iPads) */
	}

.mobileBlock{
		display: none;
	}

	
	nav{
		width: 98%;
		background-color: #000;
		height: 10%;
		position: fixed;
		z-index: 2;
		bottom: -4%;
		left: 1%;
		border-radius: 20px;
		background-color: #000;
		z-index: 10;
	}

	.homeButton{
		font-size: 170%;
		width: 20%;
		height: 4%;
		position: fixed;
		bottom: 1%;
		left: 50%;
		margin-left: -10%;
		text-decoration: none;
		text-align: center;
		font-family: americanCaptain;
		color: #E2452B;
			transition: color 300ms;
	}

	.nowShowing{
		font-size: 150%;
		width: 30%;
		position: fixed;
		bottom: 1.5%;
		left: 13%;
		margin-left: -10%;
		font-family: KorolevCondensed;
		text-decoration: none;
		color: #E2452B;
			transition: color 300ms;
	}

	.donate{
		font-size: 150%;
		width: 10%;
		position: fixed;
		bottom: 1.5%;
		right: 0%;
		font-family: KorolevCondensed;
		text-decoration: none;
		color: #E2452B;
			transition: color 300ms;
	}

	.redMobile{
		display: none;
	}

	.mobileBlock{
		display: none;
	}

	#feature{
		padding-top: 56.25%;
		margin-bottom: 5%;
	}

	.date{
		display: none;
	}

	.times{
		display: none;
	}
	.tickets{
		display: none;
	}

	.moviePosters{
		display: none;
	}

	.filmStrip{
		background: url(../images/filmscrolldesktop.png);
		background-size: 100%;
		width: 100%;
		padding-top: 18.2001953125%;
		margin-bottom: 5%;
		position: relative;
		background-repeat: repeat-x;
    animation: filmScroll 20s linear infinite;
	}

@keyframes filmScroll {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -100vw 0;
    }
}

	.locationSection{
		width: 95.5%;
		margin-left: auto;
		margin-right: auto;
		display: flex;
	}

	.leftSide{
		width: 48.466257668711656%;
		padding-top: 48.466257668711656%;
		position: relative;
		top: 0;
		left: 0;
		
		margin-bottom: 2%;
		margin-right: 3.067484662576687%;
	}

	.mapImage{
		width: 100%;
		padding-top: 90.126582278481013%;
		background-image: url(../images/map.png);
		background-size: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.rightSide{
		width: 48.466257668711656%;
		padding-top: 48.466257668711656%;
		margin-bottom: 2%;

		position: relative;
		top: 0%;
		right: 0%;
	}

	.rightSideText{
		position: absolute;
		top: 0;
		left: 0;
	}

	.locationHeader{
		font-family: americanCaptain;
		font-size: 8vw;
		color: #D94E39;
		padding-top: 10%;
		padding-bottom: 5%;
	}

	.locationBlurb{
		font-family: futuraBody;
		font-size: 2.2vw;
		color: #000;
		margin-bottom: 36%;
	}

	.directionsText {
    font-family: Korolev;
    font-size: 2.75vw;
    padding-top: 1%;
    color: #000;
    text-decoration: none;
    transition: color 300ms ease;
}

.directionsText:hover {
    color: #D95037;
}

	.lightsImage{
		background-image: url(../images/lights.png);
		background-size: 100%;
		width: 100%;
		padding-top: 5.069268292682927%;
	}

	#nowShowingSection{
		width: 93.75%;
		margin-left: auto;
		margin-right: auto;
	}

	.nowShowingHeader{
		font-family: americanCaptain;
		font-size: 18vw;
		color: #000;
		width: 100%;
		text-align: center;
		padding-top: 5%;
	}

	.MoviesStartAtDusk{
		font-size: 5vw;
		font-family: tradeGothic;
		text-align: center;
		width: 100%;
		color: #000;
		margin-bottom: 5%;
		margin-top: -1%;
	}

	.postersRowOneParent{
		display: flex;
		width: 93.75%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8%;
	}

	.posterOneGrouping{
		width: 48.333333333333333%;
		margin-right: 3.3%;
	}

	.posterTwoGrouping{
		width: 48.333333333333333%;
	}

	.posterThreeGrouping{
		width: 48.333333333333333%;
		margin-right: 3.3%;
	}

	.posterFourGrouping{
		width: 48.333333333333333%;
	}

	.postersGroupTwo{
		display: flex;
		width: 93.75%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10%;
	}

	.movie{
		width: 100%;
		padding-top: 148.068965517241379%;
		margin-right: 3.067484662576687%;
		margin-bottom: 10%;
	}

	.mobileDate{
		width: 36.288343558282209%;
		margin-right: 3.067484662576687%;
		margin-bottom: 1%;

		font-family: americanCaptain;
		font-size: 5vw;
	}

	.mobileTime{
		font-family: Korolev;
		font-size: 2vw;
	}

	.One{
		background-image: url(../images/posterNoOne.jpg);
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.Two{
		background-image: url(../images/posterNoTwo.jpg);
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.Three{
		background-image: url(../images/posterNoThree.jpeg);
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.Four{
		background-image: url(../images/posterNoFour.jpeg);
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.dates{
		display: flex;
		width: 95.5%;
		margin-left: auto;
		margin-right: auto;
	}

	.ticketBoxMobile{
		width: 40%;
		margin-left: auto;
		margin-top: -18%;
		position: relative;
	}

	text{
		text-decoration: none;
	}

	.ticketSVG{
		transition: fill 400ms;
	}

	.ticketSVG:hover{
		fill: #D95037;
		transition: fill 200ms;
	}

	.flexParentTablet{
		display: flex;
	}

	.howToListenSection{
		background-color: #D94E39;
		margin-bottom: 8%;
		position: relative;
	}

	.redBoxListen{
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.leftSideListen{
		width: 48.466257668711656%;
		position: relative;
		top: 0;
		left: 0;
		
		margin-right: 3.067484662576687%;
	}

	.containerListen{
		width: 95.5%;
		margin-left: auto;
		margin-right: auto;
		display: flex;
	}

	.rightSideListen{
		width: 48.466257668711656%;

		position: relative;
		top: 0%;
		right: 0%;
	}

	.howTo{
		font-family: kaufman;
		font-size: 5vw;
		color: #fff;
		margin-top: 13%;
		rotate: -6deg;
		margin-left: 7%;
		text-shadow: -9px 5px rgba(53, 17, 16, .25);
	}

	.listen{
		font-family: americanCaptain;
		font-size: 13vw;
		color: #fff;
		rotate: -6deg;
		margin-left: 10%;
		text-shadow: -9px 5px rgba(53, 17, 16, .25);
	}

	.listenParagraph{
		font-family: light;
		font-size: 2vw;
		color: #fff;
		rotate: -6deg;
		width: 70%;
		margin-left: 25%;
	}

	.radio{
		padding-top: 16%;
		padding-bottom: 15%;
	}

	.burgerSection{
		width: 95.5%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8%;
		position: relative;
	}

	.homeOf{
		font-family: kaufman;
		font-size: 5vw;
		color: #000;
		padding-bottom: 1%;
	}

	.momma{
		font-family: americanCaptain;
		font-size: 20vw;
		color: #000;
	}

	.burger{
		font-family: americanCaptain;
		font-size: 20vw;
		color: #000;
		margin-top: -2%;
	}

	.tabletFlexParent{
		display: flex;
		margin-top: 5%;
	}

	.madeWith{
		font-family: KorolevCondensed;
		font-size: 4vw;
		color: #fff;
		padding-top: 10%;
		position: relative;
		z-index: 2;
		margin-top: 17%;
		margin-left: 28%;
		width: 100%;
	}

	.bun{
		font-family: KorolevCondensed;
		font-size: 7vw;
		color: #fff;
		position: relative;
		z-index: 2;
		margin-left: 28%;
		width: 100%;
	}

	.and{
		font-size: 20vw;
		font-family: tradeGothic;
		margin-top: -1%;
		margin-left: 48%;
		padding-right: 3%;
		padding-top: 50%;
		padding-bottom: 15%;
	}

	.group2{
		margin-left: 28%;
		width: 100%;
	}

	.lb{
		font-family: KorolevCondensed;
		font-size: 8vw;
		color: #000;
	}

	.chuckSteak{
		font-family: KorolevCondensed;
		font-size: 6vw;
		color: #000;
	}

	.burgerImage{
		width: 55.385416666666667%;
		padding-top: 75.645833333333333%;
		background-image: url(../images/burgerImageColor.png);
		background-size: 100%;
		margin-left: auto;
		background-repeat: no-repeat;
	}

	.bubble{
		background-image: url(../images/bubble.png);
		background-size: 100%;
		width: 43%;
		padding-top: 35%;
		background-repeat: no-repeat;
		position: absolute;
		top: 38.5%;
		left: 0%;
		z-index: 1;
	}

	.flexParent:nth-of-type(2){
		display: none;
	}

	.historySection{
		display: none;
	}

	.desktopHistorySection{
		width: 100%;
		position: relative;
		background-color: #2F2F2F;
		overflow: hidden;
	}

	.desktopHistoryHeading{
		font-family: americanCaptain;
		font-size: 15vw;
		color: #fff;
		text-align: center;
		width: 100%;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.desktopHistoryContainer{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10%;
	}

	.desktopGroup1{
		width: 48.466257668711656%;
		margin-left: 51.533742331288344%;
	}

	.desktopYear{
		font-family: tradeGothic;
		font-size: 3.5vw;
		color: #fff;
		padding-bottom: 3%;
	}

	.desktopTitle{
		font-family: americanCaptain;
		font-size: 8vw;
		color: #fff;
		padding-bottom: 4%;
	}

	.blurbOne{
		font-family: light;
		font-size: 2.5vw;
		color: #fff;
		width: 77%;
		margin-left: 10%;
	}

	.movieReelImage{
		background-image: url(../images/movieReel.png);
		background-size: 100%;
		width: 30.024390243902439%;
		padding-top: 45.58780487804878%;
		position: absolute;
		top: 13%;
		left: -3%;
		z-index: 5;
	}

	.filmStripNoOne{
		background-image: url(../images/filmStripNo4.png);
		background-size: 100%;
		width: 124.780487804878049%;
		padding-top: 32.926829268292683%;
		position: absolute;
		top: 20.5%;
		left: 7%;
		rotate: -1deg;
		z-index: 2;
	}

	.redBox{
		margin-top: 5%;
		background-image: url(../images/redBox1.png);
		background-size: 100%;
		width: 100%;
		padding-top: 62.543414634146341%;
		z-index: 1;
		position: relative;
	}

	.desktopHistoryContainer2{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		position: absolute;
		top: 30%;
		left: 10%;
	}

	.desktopGroup2{
		width: 48.466257668711656%;
/*		padding-bottom: 10%;*/
	}

	.moneyHandImage{
		background-image: url(../images/moneyHand.png);
		background-size: 100%;
		width: 48.373983739837398%;
		padding-top: 32.478048780487805%;
		position: absolute;
		top: 33%;
		right: -.1%;
		z-index: 2;
	}

	.filmStripNoTwo{
		background-image: url(../images/filmStripNo2.png);
		background-size: 100%;
		width: 124.780487804878049%;
		padding-top: 30.926829268292683%;
		
		rotate: -5deg;
		z-index: 3;
		position: absolute;
		top: 45%;
		left: -7%;
	}

	.desktopHistoryContainer3{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		padding-top: 13%;
	}

	.screenImage{
		background-image: url(../images/screen.png);
		background-size: 100%;
		width: 46.070460704607046%;
		padding-top: 35.493766937669377%;
		margin-right: 5.46328162668129%;
	}

	.desktopGroup3{
		width: 48.466257668711656%;
		margin-top: 3%;
	}

	.filmStripNoThree{
		background-image: url(../images/filmStripNo3.png);
		background-size: 100%;
		width: 124.780487804878049%;
		padding-top: 30.926829268292683%;
		margin-left: -7%;
		rotate: -2deg;
		z-index: 2;

		position: absolute;
		top: 71%;
		left: 0%;
	}

	.redBox2{
		margin-top: 5%;
		background-image: url(../images/redBox2.png);
		background-size: 100%;
		width: 100%;
		padding-top: 17%;
		z-index: 1;
		position: relative;
	}

	.desktopGroup4{
		width: 48.466257668711656%;
		margin-top: -20%;
		padding-top: 10%;
		padding-bottom: 20%;
	}

	.stateImage{
		background-image: url(../images/state.png);
		background-size: 100%;
		width: 35.157181571815718%;
		padding-top: 37.350406504065041%;
		margin-left: auto;
		margin-top: -5%;
		position: absolute;
		bottom: 5%;
		right: 8%;
	}

	#faqSection{
		background-color: #F5F2EA;
		padding-bottom: 10%;
		padding-top: 10%;
	}

	.FaqContainer{
		width: 70%;
		margin-left: 15%;
	}

	.mobileFaqHeader{
		display: none;
	}

	.faqHeader{
		font-family: americanCaptain;
		font-size: 7vw;
		text-align: center;
		padding-bottom: 5%;
	}

	.accordion {
	  background-color: #F5F2EA;
	  color: #444;
	  cursor: pointer;
	  padding: 18px;
	  width: 100%;
	  text-align: left;
	  outline: none;
	  font-size: 15px;
	  transition: 0.4s;

	   border-style: solid;
	   border-width: 3px;
	   border-color: #000;
	   border-radius: 10px;
	   margin-bottom: 4%;
	   box-shadow: 4px 5px #000;

	   font-family: KorolevCondensed;
	   font-size: 3vw;
	   color: #000;

	}

	.active, .accordion:hover {
	  background-color:  #D94E39;
	}

	.accordion:after {
	  content: '\002B';
	  color: #000;
	  font-weight: bold;
	  float: right;
	  margin-left: 5px;
	}

	.active:after {
	  content: "\2212";
	}

	.panel {
	  padding: 0 18px;
	  background-color: #F5F2EA;
	  max-height: 0;
	  overflow: hidden;
	  transition: max-height 0.2s ease-out;
	}

	.panel p{
		font-family: light;
		font-size: 3.25vw;
		padding-bottom: 3%;
	}

	.prohibitedHeader{
		font-family: KorolevCondensed;
		font-size: 4.5vw;
		text-align: center;
		margin-bottom: 3%;
	}

	.RuleOne{
		font-family: light;
		font-size: 2.75vw;
		text-align: center;
		margin-bottom: 2%;
	}

	.RuleTwo{
		font-family: light;
		font-size: 2.75vw;
		text-align: center;
	}

	.prohibitedSection{
		margin-bottom: 5%;
	}


	.prohibitedSection{
		margin-bottom: 10%;
	}

	.footer{
		width: 100%;
		background-color: #000;
		padding-top: 50%;
		position: relative;
	}

	.thatsAllFolks{
		width: 100%;
		color: #fff;
		font-family: kaufman;
		font-size: 9vw;
		text-align: center;
		position: absolute;
		top: 12%;
		left: 0;
	}

	.footerText{
		width: 100%;
		text-align: center;
		font-size: 4vw;
		font-family: light;
	}

	.phoneGroup{
		width: 40%;
		display: flex;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -18%;
	}

	.phoneIcon{
		background-image: url(../images/phoneIcon.png);
		width: 10%;
		padding-top: 10%;
		background-size: 100%;
		margin-right: 2%;
		background-repeat: no-repeat;
	}

	.phone{
		color: #fff;
		margin-bottom: 2%;
		line-height: 5.5vw;
	}

	.mailGroup{
		width: 50%;
		display: flex;
		position: absolute;
		top: 63%;
		left: 50%;
		margin-left: -22%;
	}

	.mailIcon{
		background-image: url(../images/mailIcon.png);
		width: 10%;
		padding-top: 10%;
		background-size: 100%;
		margin-right: 2%;
		background-repeat: no-repeat;
	}

	.email{
		color: #fff;
		padding-bottom: 6%;
	}

	.address{
		color: #fff;
		font-size: 2vw;
		padding-bottom: 8%;
	}




.ticketStepOneSection{
		background-color: #000;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: -100%;
		z-index: 200;
	}

	.ticketContainer{
		width: 95.5%;
		margin-left: auto;
		margin-right: auto;
	}

	.ticketOutline{
		background-image: url(../images/ticketOutline.png);
		width: 100%;
		padding-top: 48.378323108384458%;
		background-size: 100%;
		position: fixed;
		top: 50%;
		left: -100%;
		margin-top: -25.18916155419223%;
	}

	.textContainer{
		width: 80%;
		padding-top: 40%;
		position: fixed;
		top: 50%;
		left: -100%;
		margin-left: -40%;
		margin-top: -21%;
	}

	.ticketBuyingHeader{
		font-family: tradeGothic;
		font-size: 12vw;
		rotate: -90deg;
		color: #fff;
		position: fixed;
		top: 50%;
		left: -100%;
		width: 40%;
		margin-top: -8%;
		text-align: center;
	}

	.dateTicketPurchase{
		font-family: americanCaptain;
		font-size: 4vw;
		color: #fff;
		/*position: fixed;
		top: 13%;
		left: 25%;*/
		margin-top: -45%;
		margin-left: 15%;
	}

	.titleOneTicketPurchase{
		font-family: futura;
		font-size: 3vw;
		color: #fff;
		margin-top: 2%;
		margin-left: 15%;
		/*position: fixed;
		top: 24%;
		left: 25%;*/
	}

	.andPurchase{
		font-family: futura;
		font-size: 5vw;
		color: #fff;
		margin-top: 2%;
		margin-left: 15%;
		/*position: fixed;
		top: 32%;
		left: 25%;*/
	}

	.titleTwoTicketPurchase{
		font-family: futura;
		font-size: 3vw;
		color: #fff;
		margin-top: 2%;
		margin-left: 15%;
	}

	.priceTicketPurchase{
		font-family: futura;
		font-size: 2.75vw;
		color: #fff;
		margin-top: 8%;
		margin-left: 15%;
	}

	span{
		font-family: tradeGothic;
		font-size: 3.5vw;
	}

	.TwoForOneTicketPurchase{
		font-size: 2vw;
		font-family: light;
		margin-top: 1%;
		margin-left: 15%;
		color: #fff;
	}

	.flexParentTicketPurchase{
		display: flex;
	}

	.buttonFlexParent{
		display: flex;
		margin-left: 10%;
		margin-top: 5%;
	}

	.priceAndBlurb{
		width: 40%;
		margin-right: 40%;
	}

	.purchaseButtonOne:hover{
		background-color: #E2452B;
		transition: background-color 300ms;
	}

	.textContainer2 h1{
		color: #fff;
		font-family: tradeGothic;
		margin-bottom: 2%;
		font-size: 2.5vw;
	}

	.textContainer2{
		width: 80%;
		padding-top: 35%;
		position: fixed;
		top: 45%;
		left: -100%;
		margin-left: -35%;
		margin-top: -21%;
	}

	.flexParentCard{
		display: flex;
	}

	.leftSideName{
		width: 40%;
		margin-right: 2%;
		margin-top: -32%;
		padding-left: 8%;
	}

	.rightSideCard{
		width: 40%;
		margin-top: -32%;
	}

	.flexParentCode{
		display: flex;
	}

	#firstName{
		width: 90%;
		padding-top: 2%;
		margin-bottom: 7%;
	}

	#lastName{
		width: 90%;
		padding-top: 2%;
		margin-bottom: 7%;
	}

	#securityBox{
		width: 80%;
		padding-top: 4%;
		margin-top: 2%;
	}

	#expirationBox{
		width: 100%;
		padding-top: 4%;
		margin-top: 3%;
		margin-bottom: 33%;
	}

	#cardBox{
		width: 90%;
		padding-top: 2%;
		margin-bottom: 7%;
	}

	#emailBox{
		width: 90%;
	}

	.PurchaseTicketHeaderTwo{
		font-family: tradeGothic;
		font-size: 9vw;
		rotate: -90deg;
		color: #fff;
		position: fixed;
		top: 50%;
		left: -100%;
		width: 40%;
		margin-top: -6%;
		text-align: center;
	}

	.securityChunk{
		margin-left: 10%;
	}

	input{
		font-size: 2vw;
		font-family: light;
	}

	.purchaseButtonOne{
		width: 15%;
		height: 5.25%;
		margin-top: 3%;

		padding-left: 5%;
		padding-right: 5%;
		padding-top: .5%;
		padding-bottom: .5%;

		border-style: solid;
		border-color: #fff;
		border-width: 2px;

		text-align: center;
		color: #fff;
		font-size: 2.4vw;
		line-height: 3.5vw;
		text-decoration: none;
		font-family: tradeGothic;
		transition: background-color 400ms;
	}

	.purchaseButtonTwo{
		width: 15%;
		height: 5.25%;

		padding-left: 10%;
		padding-right: 10%;
		padding-top: 2%;
		padding-bottom: 2%;

		border-style: solid;
		border-color: #fff;
		border-width: 2px;

		text-align: center;
		color: #fff;
		font-size: 2.3vw;
		line-height: 3.5vw;
		text-decoration: none;
		font-family: tradeGothic;
		transition: background-color 400ms;
	}

	.purchaseButtonTwo:hover{
		background-color: #E2452B;
		transition: background-color 300ms;
	}

	.completedText{
		font-family: tradeGothic;
		font-size: 8vw;
		width: 100%;
		text-align: center;
		color: #fff;
		display: none;
		margin-bottom: 5%;
		margin-top: 13%;
	}

	.receipt{
		font-family: light;
		font-size: 2.5vw;
		width: 100%;
		text-align: center;
		color: #fff;
		display: none;
		margin-bottom: 10%;
	}

	.closeButton{
		text-decoration: none;
		color: #fff;
		font-family: tradeGothic;

		border-color: #fff;
		border-style: solid;
		border-width: 2px;

		padding-left: 6%;
		padding-right: 6%;
		padding-top: 1%;
		padding-bottom: 1%;

		font-size: 3vw;
		text-align: center;
		margin-left: 37.5%;
		margin-bottom: 10%;
		display: none;
				transition: background-color 300ms;
	}

	.thankYou{
		width: 60%;
		height: 50%;
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -25%;
		margin-left: -30%;
		display: none;
	}













}




/* DESKTOP STYLES ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 1025px){
	.container{
		/*width:978px;*/
		width:95.5%;
	}

.redMobile{
		display: none;
	}

	nav{
		width: 98%;
		background-color: #000;
		height: 11%;
		position: fixed;
		z-index: 2;
		bottom: -4%;
		left: 1%;
		border-radius: 20px;
		background-color: #000;
		z-index: 10;
	}

	.homeButton{
		font-size: 210%;
		width: 20%;
		height: 4%;
		position: fixed;
		bottom: 1%;
		left: 50%;
		margin-left: -10%;
		text-decoration: none;
		text-align: center;
		font-family: americanCaptain;
		color: #E2452B;
			transition: color 300ms;
	}

	.nowShowing{
		font-size: 150%;
		width: 30%;
		position: fixed;
		bottom: 1.5%;
		left: 13%;
		margin-left: -10%;
		font-family: KorolevCondensed;
		text-decoration: none;
		color: #E2452B;
			transition: color 300ms;
	}

	.donate{
		font-size: 150%;
		width: 5%;
		position: fixed;
		bottom: 1.5%;
		right: 0%;
		font-family: KorolevCondensed;
		text-decoration: none;
		color: #E2452B;
			transition: color 300ms;
	}

















	.ticketSVG{
		transition: fill 400ms;
	}

	.ticketSVG:hover{
		fill: #D95037;
		transition: fill 200ms;
	}

	.postersRowOneParent{
		display: none;
	}

	.postersGroupOne{
		display: none;
	}

	.postersGroupTwo{
		display: none;
	}

	.mobileBlock{
		display: none;
	}

	.mobileDate{
		display: none;
	}

	.mobileTime{
		display: none;
	}

	.ticketBoxMobile{
		display: none;
	}

	.ticketStepOneSection{
		background-color: #000;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: -100%;
		z-index: 200;
	}

	.ticketContainer{
		width: 95.5%;
		margin-left: auto;
		margin-right: auto;
	}

	.ticketOutline{
		background-image: url(../images/ticketOutline.png);
		width: 100%;
		padding-top: 48.378323108384458%;
		background-size: 100%;
		position: fixed;
		top: 50%;
		left: -100%;
		margin-top: -25.18916155419223%;
	}

	.textContainer{
		width: 80%;
		padding-top: 40%;
		position: fixed;
		top: 50%;
		left: -100%;
		margin-left: -40%;
		margin-top: -21%;
	}

	.ticketBuyingHeader{
		font-family: tradeGothic;
		font-size: 12vw;
		rotate: -90deg;
		color: #fff;
		position: fixed;
		top: 50%;
		left: -100%;
		width: 40%;
		margin-top: -8%;
		text-align: center;
	}

	.dateTicketPurchase{
		font-family: americanCaptain;
		font-size: 4vw;
		color: #fff;
		/*position: fixed;
		top: 13%;
		left: 25%;*/
		margin-top: -45%;
		margin-left: 15%;
	}

	.titleOneTicketPurchase{
		font-family: futura;
		font-size: 3vw;
		color: #fff;
		margin-top: 2%;
		margin-left: 15%;
		/*position: fixed;
		top: 24%;
		left: 25%;*/
	}

	.andPurchase{
		font-family: futura;
		font-size: 5vw;
		color: #fff;
		margin-top: 2%;
		margin-left: 15%;
		/*position: fixed;
		top: 32%;
		left: 25%;*/
	}

	.titleTwoTicketPurchase{
		font-family: futura;
		font-size: 3vw;
		color: #fff;
		margin-top: 2%;
		margin-left: 15%;
	}

	.priceTicketPurchase{
		font-family: futura;
		font-size: 2.75vw;
		color: #fff;
		margin-top: 8%;
		margin-left: 15%;
	}

	span{
		font-family: tradeGothic;
		font-size: 3.5vw;
	}

	.TwoForOneTicketPurchase{
		font-size: 2vw;
		font-family: light;
		margin-top: 1%;
		margin-left: 15%;
		color: #fff;
	}

	.flexParentTicketPurchase{
		display: flex;
	}

	.purchaseButtonOne{
		width: 15%;
		height: 5.25%;

		border-style: solid;
		border-color: #fff;
		border-width: 2px;

		position: fixed;
		bottom: 25%;
		left: -100%;

		text-align: center;
		transition: background-color 400ms;
	}

	.purchaseButtonOne:hover{
		background-color: #E2452B;
		transition: background-color 300ms;
	}

	.ticketContainer a{
		color: #fff;
		text-decoration: none;
		font-family: tradeGothic;
		line-height: 2.8vw;
		font-size: 2vw;
	}

	.textContainer2 h1{
		color: #fff;
		font-family: tradeGothic;
		margin-bottom: 2%;
		font-size: 2.5vw;
	}

	.textContainer2{
		width: 80%;
		padding-top: 35%;
		position: fixed;
		top: 50%;
		left: -100%;
		margin-left: -35%;
		margin-top: -25%;
	}

	.flexParentCard{
		display: flex;
	}

	.leftSideName{
		width: 40%;
		margin-right: 2%;
		margin-top: -32%;
		padding-left: 8%;
	}

	.rightSideCard{
		width: 40%;
		margin-top: -32%;
	}

	.flexParentCode{
		display: flex;
	}

	#firstName{
		width: 90%;
		padding-top: 2%;
		margin-bottom: 7%;
	}

	#lastName{
		width: 90%;
		padding-top: 2%;
		margin-bottom: 7%;
	}

	#securityBox{
		width: 80%;
		padding-top: 4%;
		margin-top: 2%;
	}

	#expirationBox{
		width: 100%;
		padding-top: 4%;
		margin-top: 3%;
		margin-bottom: 32%;
	}

	#cardBox{
		width: 90%;
		padding-top: 2%;
		margin-bottom: 7%;
	}

	#emailBox{
		width: 90%;
	}

	.PurchaseTicketHeaderTwo{
		font-family: tradeGothic;
		font-size: 9vw;
		rotate: -90deg;
		color: #fff;
		position: fixed;
		top: 50%;
		left: -100%;
		width: 40%;
		margin-top: -5%;
		text-align: center;
	}

	.securityChunk{
		margin-left: 10%;
	}

	input{
		font-size: 2vw;
		font-family: light;
	}

	.purchaseButtonOne{
		width: 15%;
		height: 5.25%;
		margin-top: 3%;

		padding-left: 1%;
		padding-right: 1%;
		padding-top: .5%;
		padding-bottom: .5%;

		border-style: solid;
		border-color: #fff;
		border-width: 2px;

		text-align: center;
		color: #fff;
		font-size: 2.6vw;
		line-height: 3.5vw;
		text-decoration: none;
		font-family: tradeGothic;
		transition: background-color 400ms;
	}

	.purchaseButtonTwo{
		width: 15%;
		height: 5.25%;

		padding-left: 10%;
		padding-right: 10%;
		padding-top: 2%;
		padding-bottom: 2%;

		border-style: solid;
		border-color: #fff;
		border-width: 2px;

		text-align: center;
		color: #fff;
		font-size: 2.3vw;
		line-height: 3.5vw;
		text-decoration: none;
		font-family: tradeGothic;
		transition: background-color 400ms;
	}

	.purchaseButtonTwo:hover{
		background-color: #E2452B;
		transition: background-color 300ms;
	}

	.completedText{
		font-family: tradeGothic;
		font-size: 8vw;
		width: 100%;
		text-align: center;
		color: #fff;
		display: none;
		margin-bottom: 5%;
		margin-top: 13%;
	}

	.receipt{
		font-family: light;
		font-size: 2.5vw;
		width: 100%;
		text-align: center;
		color: #fff;
		display: none;
		margin-bottom: 10%;
	}

	.closeButton{
		text-decoration: none;
		color: #fff;
		font-family: tradeGothic;

		border-color: #fff;
		border-style: solid;
		border-width: 2px;

		padding-left: 6%;
		padding-right: 6%;
		padding-top: 1%;
		padding-bottom: 1%;

		font-size: 3vw;
		text-align: center;
		margin-left: 37.75%;
		margin-bottom: 10%;
		display: none;
				transition: background-color 300ms;
	}

	.thankYou{
		width: 60%;
		height: 50%;
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -25%;
		margin-left: -30%;
		display: none;
	}




.QuantitySelector{
	width: 20%;
	padding-top: 0%;
	background-color: hotpink;
	position: fixed;
	top: 52%;
	left: 50%;
}

.quantity-selectors-container{
	width: 10%;
		display: flex;
}

.quantity-selectors button{
	display: block;
	font-size: 1vw;
}

#ticketAmount{
	font-size: 2vw;
	padding: 0px;
	width: 15%;
	height: 30%;
	text-align: right;
}

.flexParentQuantity{
	display: flex;
}

.add{
	color: black;
}

.minus{
	color: black;
}

.disabled{
	background-color: purple;
}




















	#feature{
		padding-top: 56.25%;
		margin-bottom: 2.5%;
	}

	.filmStrip{
		background: url(../images/filmscrolldesktop.png);
		background-size: 100%;
		width: 100%;
		padding-top: 18.2001953125%;
		margin-bottom: 5%;
		position: relative;
		background-repeat: repeat-x;
    animation: filmScroll 20s linear infinite;
	}

@keyframes filmScroll {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -100vw 0;
    }
}

	.locationSection{
		width: 95.5%;
		margin-left: auto;
		margin-right: auto;
		display: flex;
	}

	.leftSide{
		width: 48.466257668711656%;
		padding-top: 48.466257668711656%;
		position: relative;
		top: 0;
		left: 0;
		
		margin-bottom: 2%;
		margin-right: 3.067484662576687%;
	}

	.mapImage{
		width: 99%;
		padding-top: 89.126582278481013%;
		background-image: url(../images/map.png);
		background-size: 100%;
		position: absolute;
		top: 0;
		left: 2%;
	}

	.rightSide{
		width: 48.466257668711656%;
		padding-top: 48.466257668711656%;
		margin-bottom: 2%;

		position: relative;
		top: 0%;
		right: 0%;
	}

	.rightSideText{
		position: absolute;
		top: 0;
		left: 0;
	}

	.locationHeader{
		font-family: AmericanCaptain;
		font-size: 7vw;
		color: #D94E39;
		padding-top: 10%;
		padding-bottom: 5%;
	}

	.locationBlurb{
		font-family: futuraBody;
		font-size: 2.2vw;
		line-height: 3vw;
		color: #000;
		margin-bottom: 36%;
	}

.directionsText {
    font-family: Korolev;
    font-size: 2.75vw;
    padding-top: 1%;
    color: #000;
    text-decoration: none;
    transition: color 300ms ease;
}

.directionsText:hover {
    color: #D95037;
}


















	.lightsImage{
		background-image: url(../images/lights.png);
		background-size: 100%;
		width: 100%;
		padding-top: 5.069268292682927%;
	}

	#nowShowingSection{
		width: 95.5%;
		margin-left: auto;
		margin-right: auto;
	}

	.nowShowingHeader{
		font-family: AmericanCaptain;
		font-size: 15vw;
		color: #000;
		width: 100%;
		text-align: center;
		padding-top: 5%;
	}

	.MoviesStartAtDusk{
		font-size: 2.2vw;
		font-family: tradeGothic;
		text-align: center;
		width: 100%;
		color: #000;
		margin-bottom: 3%;
		margin-top: -1%;
	}

	.moviePosters{
		display: flex;
		width: 95.5%;
		margin-left: auto;
		margin-right: auto;
	}

	.movie{
		width: 22.699386503067485%;
		padding-top: 31.939672801635992%;
		margin-right: 3.067484662576687%;
		margin-bottom: 3%;
		background-color: yellow;
	}

	.One{
		background-image: url(../images/posterNoOne.jpg);
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.Two{
		background-image: url(../images/posterNoTwo.jpg);
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.Three{
		background-image: url(../images/posterNoThree.jpeg);
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.Four{
		background-image: url(../images/posterNoFour.jpeg);
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.dates{
		display: flex;
		width: 95.5%;
		margin-left: auto;
		margin-right: auto;
	}

	.date{
		width: 22.699386503067485%;
		margin-right: 3.067484662576687%;
		margin-bottom: .5%;

		font-family: AmericanCaptain;
		font-size: 4vw;
	}

	.times{
		display: flex;
		width: 95.5%;
		margin-left: auto;
		margin-right: auto;
	}

	.time{
		width: 31.288343558282209%;
		margin-right: 3.067484662576687%;
		margin-bottom: 5%;

		font-family: Korolev;
		font-size: 1.5vw;
	}

	.tickets{
		display: flex;
		width: 95.5%;
		margin-left: auto;
		margin-right: auto;
	}

	.ticketBox{
		width: 13.438650306748466%;
		margin-right: 11.561349693251535%;
		margin-bottom: 5%;
		transition: fill 300ms;
	}

	.ticketSVG{
		transition: fill 400ms;
	}

	.ticketSVG:hover{
		fill: #D95037;
		transition: fill 200ms;
	}

	.howToListenSection{
		background-color: #D94E39;
		margin-bottom: 5%;
		position: relative;
	}

	.redRed{
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.leftSideListen{
		width: 48.466257668711656%;
		position: relative;
		top: 0;
		left: 0;
		
		margin-right: 1.067484662576687%;
		padding-bottom: 5%;
	}

	.containerListen{
		width: 95.5%;
		margin-left: auto;
		margin-right: auto;
		display: flex;
	}

	.rightSideListen{
		width: 50.466257668711656%;

		position: relative;
		top: 0%;
		right: 2%;
	}

	.howTo{
		font-family: kaufman;
		font-size: 5vw;
		color: #fff;
		margin-top: 17%;
		rotate: -6deg;
		margin-left: 7%;
		text-shadow: -9px 5px rgba(53, 17, 16, .25);
	}

	.listen{
		font-family: AmericanCaptain;
		font-size: 13vw;
		color: #fff;
		rotate: -6deg;
		margin-left: 10%;
		text-shadow: -9px 5px rgba(53, 17, 16, .25);
	}

	.listenParagraph{
		font-family: light;
		font-size: 2vw;
		color: #fff;
		rotate: -6deg;
		width: 70%;
		margin-left: 25%;
	}

	.redBoxListen{
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.radio{
		padding-top: 25%;
		padding-bottom: 15%;
	}

	.burgerSection{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5%;
	}

	.burgerTitle{
		width: 54.634146341463415%;
	}

	.homeOf{
		font-family: kaufman;
		font-size: 5vw;
		color: #000;
		padding-bottom: 2%;
	}

	.momma{
		font-family: AmericanCaptain;
		font-size: 18vw;
		color: #000;
	}

	.burger{
		font-family: AmericanCaptain;
		font-size: 18vw;
		color: #000;
		margin-top: -7%;
	}

	.bubble{
		background-image: url(../images/bubble.png);
		background-size: 100%;
		width: 40%;
		padding-top: 32%;
		background-repeat: no-repeat;
		position: absolute;
		top: 0%;
		left: 0%;
		z-index: 1;
	}

	.tabletFlexParent{
		display: flex;
		position: relative;
	}

	.madeWith{
		font-family: KorolevCondensed;
		font-size: 3vw;
		color: #fff;
		margin-top: 40%;
		margin-left: 33%;
		position: relative;
		z-index: 2;
	}

	.bun{
		font-family: KorolevCondensed;
		font-size: 6vw;
		color: #fff;
		margin-left: 32%;
		position: relative;
		z-index: 2;
		width: 100%;
	}

	.and{
		font-size: 14vw;
		font-family: tradeGothic;
		padding-left: 55%;
		padding-right: 3%;
		padding-top: 60%;

	}

	.lb{
		font-family: KorolevCondensed;
		font-size: 7vw;
		color: #000;
	}

	.group2{
		margin-left: 110%;
		width: 100%;
		margin-top: -55%;
	}

	.chuckSteak{
		font-family: KorolevCondensed;
		font-size: 3.5vw;
		color: #000;
		padding-bottom: 22%;
	}

	.burgerImage{
		width: 41.105691056910569%;
		padding-top: 45.695934959349593%;
		background-repeat: no-repeat;
		background-image: url(../images/burgerImageColor.png);
		background-size: 100%;
		margin-left: auto;
		margin-top: -12%;
	}

	.historySection{
		display: none;
	}

	.desktopHistorySection{
		width: 100%;
		position: relative;
		background-color: #2F2F2F;
		overflow: hidden;
	}

	.desktopHistoryHeading{
		font-family: americanCaptain;
		font-size: 15vw;
		color: #fff;
		text-align: center;
		width: 100%;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.desktopHistoryContainer{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10%;
	}

	.desktopGroup1{
		width: 48.466257668711656%;
		margin-left: 51.533742331288344%;
	}

	.desktopYear{
		font-family: tradeGothic;
		font-size: 3.5vw;
		color: #fff;
		padding-bottom: 3%;
	}

	.desktopTitle{
		font-family: americanCaptain;
		font-size: 8vw;
		color: #fff;
		padding-bottom: 4%;
	}

	.blurbOne{
		font-family: light;
		font-size: 2vw;
		color: #fff;
		width: 77%;
		margin-left: 10%;
	}

	.movieReelImage{
		background-image: url(../images/movieReel.png);
		background-size: 100%;
		width: 30.024390243902439%;
		padding-top: 45.58780487804878%;
		position: absolute;
		top: 12%;
		left: -3%;
		z-index: 5;
	}

	.filmStripNoOne{
		background-image: url(../images/filmStripNo4.png);
		background-size: 100%;
		width: 124.780487804878049%;
		padding-top: 33.926829268292683%;
		position: absolute;
		top: 20%;
		left: 7%;
		z-index: 3;
	}

	.redBox{
		margin-top: 5%;
		background-image: url(../images/redBox1.png);
		background-size: 100%;
		width: 100%;
		padding-top: 62.543414634146341%;
		z-index: 1;
		position: relative;
	}

	.desktopHistoryContainer2{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		position: absolute;
		top: 30%;
		left: 10%;
	}

	.desktopGroup2{
		width: 48.466257668711656%;
/*		padding-bottom: 10%;*/
	}

	.moneyHandImage{
		background-image: url(../images/moneyHand.png);
		background-size: 100%;
		width: 48.373983739837398%;
		padding-top: 32.478048780487805%;
		position: absolute;
		top: 33%;
		right: -.1%;
		z-index: 2;
	}

	.filmStripNoTwo{
		background-image: url(../images/filmStripNo2.png);
		background-size: 100%;
		width: 124.780487804878049%;
		padding-top: 30.926829268292683%;
		
		rotate: -5deg;
		z-index: 3;
		position: absolute;
		top: 44.5%;
		left: -7%;
	}

	.desktopHistoryContainer3{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		padding-top: 13%;
	}

	.screenImage{
		background-image: url(../images/screen.png);
		background-size: 100%;
		width: 46.070460704607046%;
		padding-top: 35.493766937669377%;
		margin-right: 5.46328162668129%;
	}

	.desktopGroup3{
		width: 48.466257668711656%;
		margin-top: 3%;
	}

	.filmStripNoThree{
		background-image: url(../images/filmStripNo3.png);
		background-size: 100%;
		width: 124.780487804878049%;
		padding-top: 30.926829268292683%;
		margin-left: -7%;
		rotate: -2deg;
		z-index: 2;

		position: absolute;
		top: 71.5%;
		left: 0%;
	}

	.redBox2{
		margin-top: 5%;
		background-image: url(../images/redBox2.png);
		background-size: 100%;
		width: 100%;
		padding-top: 17%;
		z-index: 1;
		position: relative;
	}

	.desktopGroup4{
		width: 48.466257668711656%;
		margin-top: -20%;
		padding-top: 10%;
		padding-bottom: 20%;
		margin-left: 5%;
	}

	.stateImage{
		background-image: url(../images/state.png);
		background-size: 100%;
		width: 35.157181571815718%;
		padding-top: 37.350406504065041%;
		margin-left: auto;
		margin-top: -5%;
		position: absolute;
		bottom: 5%;
		right: 10%;
	}

	#faqSection{
		background-color: #F5F2EA;
		padding-bottom: 8%;
		padding-top: 10%;
	}

	.FaqContainer{
		width: 70%;
		margin-left: 15%;
	}

	.mobileFaqHeader{
		display: none;
	}

	.faqHeader{
		font-family: americanCaptain;
		font-size: 7vw;
		text-align: center;
		padding-bottom: 5%;
	}

	.accordion {
	  background-color: #F5F2EA;
	  cursor: pointer;
	  padding: 18px;
	  width: 100%;
	  text-align: left;
	  outline: none;
	  font-size: 15px;
	  transition: 0.4s;

	   border-style: solid;
	   border-width: 3px;
	   border-color: #000;
	   border-radius: 10px;
	   margin-bottom: 3%;
	   box-shadow: 4px 5px #000;

	   font-family: KorolevCondensed;
	   font-size: 2vw;
	   color: #000;
	}

	.active, .accordion:hover {
	  background-color:  #D94E39;
	}

	.accordion:after {
	  content: '\002B';
	  color: #000;
	  font-weight: bold;
	  float: right;
	  margin-left: 5px;
	}

	.active:after {
	  content: "\2212";
	}

	.panel {
	  padding: 0 18px;
	  background-color: #F5F2EA;
	  max-height: 0;
	  overflow: hidden;
	  transition: max-height 0.2s ease-out;
	}

	.panel p{
		font-family: light;
		font-size: 2vw;
		padding-bottom: 3%;
	}

	.prohibitedHeader{
		font-family: KorolevCondensed;
		font-size: 4vw;
		text-align: center;
		margin-bottom: 3%;
	}

	.RuleOne{
		font-family: light;
		font-size: 2vw;
		text-align: center;
		margin-bottom: 2%;
	}

	.RuleTwo{
		font-family: light;
		font-size: 2vw;
		text-align: center;
	}

	.prohibitedSection{
		margin-bottom: 7%;
	}

	.footer{
		width: 100%;
		background-color: #000;
		padding-top: 40%;
		position: relative;
	}


	.thatsAllFolks{
		width: 100%;
		color: #fff;
		font-family: kaufman;
		font-size: 7vw;
		text-align: center;
		position: absolute;
		top: 12%;
		left: 0;
	}

	.footerText{
		width: 100%;
		height: 100%;
		text-align: center;
		font-size: 2vw;
		font-family: light;
	}

	.phoneGroup{
		width: 40%;
		display: flex;
		position: absolute;
		top: 45%;
		left: 50%;
		margin-left: -9%;
	}

	.phoneIcon{
		background-image: url(../images/phoneIcon.png);
		width: 5%;
		padding-top: 5%;
		background-size: 100%;
		margin-right: 2%;
		background-repeat: no-repeat;
	}

	.phone{
		color: #fff;
		margin-bottom: 2%;
		line-height: 2.5vw;
	}

	.mailGroup{
		width: 50%;
		display: flex;
		position: absolute;
		top: 53%;
		left: 50%;
		margin-left: -12%;
	}

	.mailIcon{
		background-image: url(../images/mailIcon.png);
		width: 5%;
		padding-top: 5%;
		background-size: 100%;
		margin-right: 2%;
		background-repeat: no-repeat;
	}

	.email{
		color: #fff;
	}

	.address{
		color: #fff;
		font-size: 1.5vw;
		margin-top: -10%;
		padding-bottom: 8%;
	}

}


}