.main {
	background-color: rgb(0,0,0,0.5);
	margin:auto;
	text-align: center;
	color: white;
}


* {
  box-sizing: border-box;
}

body {
  font-family: "Limelight", cursive;
  background-image: url("images/bg_animated.gif");
  background-repeat: repeat;
}

header {
  background-image: url("images/nowshowingbg.png");
  background-repeat: no-repeat;
  background-position: 40px 26px;
  width: 1000px;
  height: 258px;
  text-align: center;
  font-size: 35px;
  color: black;
  margin: auto;
}
.nowshowing {
  background-image: url("images/nowshowing.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 1024px;
  height: 284px;
  text-align: center;
  margin-top: 30px;
  margin: auto;
  position: relative;
  top:6px;
}

section {
  display: -webkit-flex;
  display: flex;
}

nav {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 25px;
  margin: 30px;
  text-align: center;
  color: white;
  background-image: url("images/nav.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 496px;
}

nav ul {
  list-style-type: none;
  padding: 0;
}
/* nav li {
  border-top-color: black;
  border-top-width: 5px;
  border-top-style: solid;
  border-bottom-color: black;
  border-bottom-width: 5px;
  border-bottom-style: solid;
  width: 100px;
  margin: auto;
  background-color: black;
  padding: 10px;
} 

 nav li a {
  text-decoration: none;
  color: black;
  font-size:20px;
  background-color: white;
  padding:10px;
  width:64px;
}  */
 nav li {
  margin: auto;
  width: 100px;
  padding: 17px;
  height: 80px;
} 
.navbg {
  background-image: url("images/navbg.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 560px;
  width: 284px;
}

.footerbg {
  background-image: url("images/footerbg.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 248px;
  width: 1100px;
  margin:auto;
}



nav li a {
  text-decoration: none;
  color: black;
  font-size:20px;
  padding:0px;
} 

article {
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  background-color: rgb(0,0,0,0.5);
  padding: 10px;
  margin: 30px;
  text-align: center;
  color: white;
  border-style: solid;
  border-width: 10px;
  border-color: #F00;
}

footer {
  padding: 10px;
  text-align: center;
  color: white;
  margin: 30px;
  text-align: center;
  color: white;
  background-image: url("images/footer.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 248px;
}

@media (max-width: 600px) {
  section {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

header h1 {
	font-size: 48px;
}

.headerbg {
  background-image: url("images/header.png");
  padding:10px;
  margin:10px;"
  background-repeat: no-repeat;
  background-position: center;
  width: 1056px;
  margin:auto;
  text-align: center;
  position: relative;
}






.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 120px;
    background-color: red;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip-right {
  top: 10px;
  left: 125%;  
}

.tooltip-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent red transparent transparent;
}



.lights {
	position:relative;
}
.top {
	top:-20px;
}

.bot {
	bottom:-25px;
}

article h1 {
	font-size: 38px;
	margin:0px;
	padding:0;
}
article p {
	font-family: 'Gabarito', cursive;
	font-size: 20px;
	padding:10px;
	padding-bottom:0px;
 line-height:1.5;
}
.column {
  float: left;
  width: 40%;
  background-color: rgb(0,0,0,0.5);
  padding: 10px;
  margin: 5%;
  text-align: center;
  color: white;
  border-style: solid;
  border-width: 5px;
  border-color: #F00;
  border-radius:0px;
  border-right-width:0px;
  max-height: 250px;
  overflow-y: scroll;
  scrollbar-color: yellow red;
  scrollbar-width: thin;
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.psec {
 margin:5px;
 padding:2px;
 
}
a {
 color:yellow;
}
a:visited {
	color:red;
}
footer {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 25px;
  margin: 30px;
  text-align: center;
  color: white;
  background-image: url("images/footer.gif");
  background-repeat: no-repeat;
  background-position: center;
}

footer ul {
  list-style-type: none;
  padding: 0;
  text-align:center;
  text-align:center;
  padding: 65px;
}
footer li {
}
.tooltip-top {
  bottom: 125%;
  left: 50%;  
  margin-left: -60px;
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}
.timer{
	margin:0;
	padding:0;
	line-height:1;
	font-size:32px;
}

th {
	font-size:32px;
	background-color: rgb(255,255,0,0.5);
	writing-mode: vertical-rl;
	transform: rotate(-180deg);
	padding:10px;
	border-style:solid;
	border-left-style:none;
	border-color:white;
}
table {
	margin:auto;
	width:90%
}
td {
	background-color: rgb(255,0,0,0.5);
	border-top-style:solid;
	border-bottom-style:solid;
	border-color:white;
	width: 20%;
	font-family: 'Gabarito', cursive;
	font-size: 24px;
	padding:10px;
}
.last {
	border-right-style:solid;
	border-color:white;
	
}