grey{coor:#F4F4F4}
grey{coor:#175b26}
a img {border: none;}
a {text-decoration:none;color:white;}
* {margin:0;padding:0;border:0;}
.vertical-space {width:100%;height:350px;}
body {font-family: 'Shadows Into Light', cursive;;font-weight:400;letter-spacing:1px;line-height:1.5em;font-size:1em;color:grey;}
#header {position:fixed;top:0px;margin:auto;z-index:100000;width:100%;background: linear-gradient(0deg, black, black);height:100px;margin-bottom:25px;opacity:0.9}
#title {width:100%;margin-top:10px;height:39px;color:white}
#title a {color:white}
h1 {width:64%;margin-left:1%;font-size:3em;float:left;font-weight:300;padding-top:5px}
h2 {width:34%;margin-right:1%;font-size:1em;font-weight:400;float:left;text-align:right;padding-top:7px;}
nav {width:100%;height:50px;margin-top:0px;}
nav a {color:#F4F4F4}
nav ul {width:100%;}
nav li {list-style-type:none;width:20%;height:50px;text-align:center;line-height:50px;cursor:pointer;float:left;font-size:1.25em;font-weight:400}
nav li:hover{color:red}
#tabs .active-link {color:red}
#right {width:50%;float:right;}
#right-mob {display:none}
.social-links {width:50%;float:left;text-align:center;margin-top:10px;}
.social-links img {max-width:30px;}
#wrapper {margin-top:125px;width:70%;margin-left:15%;background: rgba(0, 0, 0, 0.7);overflow:auto;padding-bottom:25px;}
.container {width:75%;margin-left:12.5%;margin-top:25px;}
#videos {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
#videos iframe, #videos object, #videos embed {position:absolute;top:0;left:0;width:100%;height:100%;}
#control {width:100%;margin-left:0%;text-align:center;}
#control li {margin-top:25px;margin-left:2%;list-style-type:none;width:22.5%;height:100%;line-height:20px;cursor:pointer;color:white;float:left;font-size:1em;color:white;opacity:0.5;}
#control li img {max-width:100%;}
#control .selected {opacity:1.0;}
#about {width:100%;padding-top:25px;overflow:auto;}
main {width:80%;margin-left:10%;color:#eaeaea;padding-bottom:50px}


section {width:100%;}

h3 {font-size:1.5em;font-weight:400;color:#e5eff4;}
h12 {font-size:1.5em;font-weight:400;color:red;}
h4 {margin-bottom:15px;font-weight:300;font-style:italic;}
h9 {text-align:center;font-weight:bold;font-weight:400;color:white;letter-spacing:1px;font-size:1.5em;font-style:italic}
p {margin-top:12.5px;margin-bottom:12.5px;font-weight:300;}
#line {width:100%;border-bottom:solid white thin;margin-bottom:10px;clear:both;}
#line-2 {width:100%;border-bottom:solid white thin;margin-bottom:25px;margin-bottom:25px;clear:both;}
#gear {margin-top:0px;width:100%;padding-top:0px;padding-bottom:25px;overflow:auto;color:white;opacity:0.7;}
h6 {font-size:1.5em;font-weight:300;margin-left:2%;}.tickets {width:100%;margin-left:0%;overflow:auto;padding-bottom:25px;}
.gear p {margin-left:2%;}
.gear img {max-width:100%;}
#gear-table {padding-top:0px;width:100%;padding-left:0%}
.gear-chains {width:100%;margin-bottom:15px;height:75px;}
.gear-chains img {cursor:pointer;}
#gear-table p {color:#white;}
h7 {font-size:1.5em;font-weight:bold;margin-left:2%;color:white}
.gear-locations {clear:both;width:100%;margin-top:0px;}
#gear-locations-header {font-size:1.5em;font-weight:bold;padding-left:2%;color:white;background-color:red;width:98%;padding-bottom:20px;padding-top:20px;}
.gear-locations li {list-style-type:none;float:left;width:14.66%;height:50px;line-height:50px;text-align:left;padding-left:2%;background-color:black;font-weight:500;font-size:1.5em;color:white}
#location .active-location {color:white}
.gear-image {float:left;margin-left:15px;width:10%;height:50px}
.gear-map-image {float:right;margin-right:15px;width:10%;height:50px}
#gear-Regional {display:none;}.cinema-listing {clear:both;width:100%;overflow:auto;}
.gear-listing li {color:white;width:100%;padding-top:15px;paddding-bottom:15px;text-align:left;border-bottom:thin solid white}
.gear-listing p {margin-left:2%;font-size:1em;color:white; font-family:Arial, Helvetica, sans-serif}
.credit-listing li {color:white;width:100%;padding-top:15px;paddding-bottom:15px;text-align:left;border-bottom:thin solid white;cursor:pointer;list-style-type:none;font-family:Arial, Helvetica, sans-serif}
.credit-listing h11 {margin-left:2%;font-size:1.2em;font-weight:bold;color:red}
.regional-header {width:100%;height:40px;background-color:black;clear:both;}
h8 {font-size:1.5em;font-weight:bold;margin-left:2%;color:#d1ccc6;line-height:40px;}
footer {margin-top:25px;width:100%;clear:both;overflow:auto;bottom:0px;}
#social-footer {display:none;width:33%;float:left;margin-left:1%;text-align:left;}
#logos-footer {width:50%;float:right;text-align:right;}
.spacer {cursor:default;}

@media only screen and (max-width: 1200px) {
h1 {font-size:2em}
}



@media only screen and (max-width: 900px) {
footer {margin-top:0px;height:50%;}
.spacer {display:none;}
.container {width:99%;margin-left:1%;margin-top:15px;}
#control li {margin-top:25px;margin-left:2%;list-style-type:none;width:31.33%;height:100%;line-height:20px;cursor:pointer;color:white;float:left;font-size:1em;color:white;opacity:0.5;}
#title {width:75%;margin-top:0px;height:50px;float:left}
#right-mob{display:inline;width:20%;float:right}
.social-links {width:100%;float:right;text-align:right;margin-top:10px;}
#right {display:none}
h1 {width:99%;margin-left:1%;font-size:1.2em;font-weight:400;padding-top:5px;letter-spacing:0px}
#mobile-image {display:block; width:25%; float:left;text-align:left;}
#mobile-image img {max-width:100%;}
h2 {width:99%;margin-left:1%;font-size:.8em;font-weight:300;clear:both;text-align:left;padding-top:0px;}
nav {float:left;width:100%;}
nav ul {width:100%;margin-top:0px;}
nav li {list-style-type:none;width:33.3%;height:50px;text-align:center;line-height:50px;cursor:pointer;float:left;font-size:1.25em;}
#about {width:100%;padding-top:0px;overflow:auto;}
main {width:99%;margin-left:1%}
section {margin-top:25px;width:100%;}
h6 {font-size:1.5em;font-weight:300;margin-left:2%;}
.gear {margin-top:0px;padding-bottom:25px;}
.gear img {max-width:100%;}
#gear-table {padding-top:15px;width:100%;padding-left:0%;}
.gear-chains {width:100%;margin-bottom:25px;height:auto;cursor:pointer;}
.gear-image {float:left;margin-left:1%;width:24%;height:auto;}
.gear-map-image {float:left;margin-right:0px;margin-left:1%;width:24%;height:auto;}
.gear-locations {clear:both;width:100%;margin-top:15px}
#gear-locations-header {font-size:1.5em;font-weight:bold;padding-left:2%;width:98%;padding-bottom:10px;padding-top:10px;}
.gear-locations li {list-style-type:none;float:left;height:50px;line-height:50px;cursor:pointer;width:16.6666%;padding-left:0%;font-weight:bold;font-size:.8em;letter-spacing:0px;text-align:center;}
#location {width:100%;padding-left:0%;height:50px;}
.gear-listing {clear:both;width:100%;overflow:auto;}
.gear-listing li {width:100%;padding-top:15px;paddding-bottom:15px;text-align:left;}
.credit-listing {clear:both;width:100%;overflow:auto;}
.credit-listing li {width:100%;padding-top:15px;paddding-bottom:15px;text-align:left;}
.credit-listing h11 {margin-left:2%;font-size:1.2em;font-weight:bold;}
#wrapper {width:100%;margin-left:0%;margin-top:100px;height:100%}
h9 {text-align:center;font-weight:bold;font-weight:400;color:white;letter-spacing:0px;font-size:1.2em}
}