html {
height:100%
}

body { 
width: 100%;
height: 100%;
margin: 0 auto !important;
float: none !important;
overflow: hidden;
font-family: 'Comfortaa', cursive;
color: #FFF;
background: url('images/static_alone_small_sizereduce2.gif'); 
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.menubutton {
position: relative;
left: 50px;
top: 40px;
font-size: 12px;
margin-bottom: -8px;
}

.playtext {
font-family: 'Comfortaa', cursive;
color: #FFFFFF;
text-align: center;
font-size: 2em;
line-height: 1.5em;
}


button {
padding: 0px;
margin: 0px;
border: none;
background: none;
}

.hovereffect {
cursor:pointer;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;

-webkit-transition:all .4s ease-in-out;
transition:all .2s ease-in-out
}



.hovereffect img {
position:relative;
-webkit-transition:all .2s linear;
transition:all .2s linear;
}



.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:none;
background-color: transparent;
width: 100%;
height: 150px;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;

}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect img {
-ms-transform:scale(.92);
-webkit-transform:scale(.92);
transform:scale(.92);
}

.hovereffect:hover img {
-ms-transform:scale(1.0);
-webkit-transform:scale(1.0);
transform:scale(1.0);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}


#mc_embed_signup{
background: none;
position: absolute;
top:0;
right: 0;
overflow: hidden;
padding-right: 24px;
z-index: 9998;
 }
 
#mc_embed_signup input.email {

    font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
    font-size: 15px;
    border: 1px solid #000 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #c3c3c3 !important;
    background-color: #545454 !important;
    box-sizing: border-box;
    height: 30px !important;
    padding: 0px 0.4em;
    display: inline-block;
    margin: 0;
    width: 100% !important;
    vertical-align: top;

}
#mc_embed_signup input.text {

    font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
    font-size: 15px;
    border: 1px solid #000 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #c3c3c3 !important;
    background-color: #545454 !important;
    box-sizing: border-box;
    height: 30px !important;
    padding: 0px 0.4em;
    display: inline-block;
    margin: 0;
    width: 100% !important;
    vertical-align: top;

}
@media (max-width: 768px) {
    #mc_embed_signup input.email {width:100% !important; margin-bottom:5px;}
    #mc_embed_signup .clear {display: inline-block !important; width: 100% }
    #mc_embed_signup .button {width: 100% !important; margin:0; }
}

.myButton {
    font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2d88bd), color-stop(1, #1f4c6e));
	background:-moz-linear-gradient(top, #2d88bd 5%, #1f4c6e 100%);
	background:-webkit-linear-gradient(top, #2d88bd 5%, #1f4c6e 100%);
	background:-o-linear-gradient(top, #2d88bd 5%, #1f4c6e 100%);
	background:-ms-linear-gradient(top, #2d88bd 5%, #1f4c6e 100%);
	background:linear-gradient(to bottom, #2d88bd 5%, #1f4c6e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d88bd', endColorstr='#1f4c6e',GradientType=0);
	background-color:#2d88bd;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border: none;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:7px 19px;
	text-decoration:none;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1f4c6e), color-stop(1, #2d88bd));
	background:-moz-linear-gradient(top, #1f4c6e 5%, #2d88bd 100%);
	background:-webkit-linear-gradient(top, #1f4c6e 5%, #2d88bd 100%);
	background:-o-linear-gradient(top, #1f4c6e 5%, #2d88bd 100%);
	background:-ms-linear-gradient(top, #1f4c6e 5%, #2d88bd 100%);
	background:linear-gradient(to bottom, #1f4c6e 5%, #2d88bd 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f4c6e', endColorstr='#2d88bd',GradientType=0);
	background-color:#1f4c6e;
}
.myButton:active {
	position:relative;
	top:1px;
}


.orsontable {
   width: 100%; 
   height: 100%;
   border: none;
   padding: 0px;
   border-collapse: collapse;
   position: absolute;
   top: 0;
   left: 0;
   
   background: url('images/orson_full_size.gif'); 
background-repeat: no-repeat;
background-position: center bottom;
background-attachment: fixed;
	
	-webkit-background-size: auto 90%;
	-moz-background-size: auto 90%;
	-o-background-size: auto 90%;
	background-size: auto 90%;


}  

tr, td {
text-align: center; 
vertical-align: bottom;
margin: 0px;
padding: 0px;
}  

.orson {
z-index: -1;

}

.orson img {
display: block;
z-index: 1;
position: relative;
top: 0px;
max-width: 100%;
}

.emptycell {
width:26.5%;
}

.thirds {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 400px;
display: flex;
justify-content: center;
align-items: center;
background: none;
}



.titleouter {
width: 100%;
height:100%;
overflow:hidden;
display; flex;
align-items: center;
}


    
#trailer {
    margin: 0px;
    width: 100%;
    z-index: 9;
    text-align: center;
/*    display: none;*/
   	margin-top: 0px;
   	margin-right: 0px;
}
#trailer img {
width: 300px;
} 

    
 #tickets {
    margin: 0px;
    width: 100%;
    text-align: center;
    z-index: 9995;
/*    display: none;*/
   	margin-top: 0px;
   	margin-left: 0px;
} 
#tickets img {
width: 300px;
} 


#cliplight {
    margin: 0px;
    width: 90%;
    height:40px;
    z-index: 199;
    position: absolute;
	left: 128px;
	top: 44px;
	font-family: 'Comfortaa', cursive;
	color: #FFFFFF;
	font-size: 2em;
	float: left;
/*    display: none;*/
} 

.mailbox {
display: block;
width: 257px;
height: 53px;
position: fixed;
top: 0; 
right: 12px;
}

.mailbox img {
display: block;
max-width: 100%;
margin: 0; 
padding: 0;
}

.gradient {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(37,54,68,0) 41%, rgba(0,0,0,0.25) 58%, rgba(0,0,0,0.37) 66%, rgba(0,0,0,0.87) 100%);
background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(37,54,68,0) 41%,rgba(0,0,0,0.25) 58%,rgba(0,0,0,0.37) 66%,rgba(0,0,0,0.87) 100%);
background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(37,54,68,0) 41%,rgba(0,0,0,0.25) 58%,rgba(0,0,0,0.37) 66%,rgba(0,0,0,0.87) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#de000000',GradientType=0 );
}


table.center {
    width:70%; 
    margin-left:15%; 
    margin-right:15%;
  }

/* first size break for monitors standard: 1920 x 1080*/

@media only screen and (max-width: 1500px) and (min-width: 768px) {

.titleouter {
    width: 47.0214%;
}
}




@media (max-width: 1920px) {
#trailer {

}  
#trailer img {
width: 300px;
} 

#tickets {

}   
#tickets img {
width: 300px;
} 

.emptycell {
width:26.5%;
}

}




/* a stop-gap break not related to monitor an existing monitor size*/
@media (max-width: 1500px) {
#trailer {

}  
#trailer img {
width: 280px;
} 

#tickets {

}   
#tickets img {
width: 280px;
} 
}

/*  size break for monitors standard: 1440 x 900*/
@media (max-width: 1441px) {
#trailer {
   	margin-top: -24px;
}  
#trailer img {
width: 260px;
} 
#tickets {
   	margin-top: -24px;
}   
#tickets img {
width: 260px;
} 
}


/*  size break for monitors standard: 1366 x 768*/
@media (max-width: 1369px) {
#trailer {
   	margin-top: -36px;
}  
#trailer img {
width: 240px;
} 
#tickets {
   	margin-top: -36px;
}   
#tickets img {
width: 240px;
} 

.emptycell {
width:26.5%;
}


}

/*  size break for monitors standard: 1280 x 800*/
@media (max-width: 1280px) {
#trailer {
   	margin-top: -42px;
}  
#trailer img {
width: 220px;
} 
#tickets {
   	margin-top: -42px;
}   
#tickets img {
width: 220px;
} 

.mailbox {
width: 193px;
height: 40px;
position: fixed;
top: 0; 
right: 12px;

}

#cliplight {
    height:40px;
	font-family: 'Comfortaa', cursive;
	color: #FFFFFF;
	font-size: 1.5em;
	float: left;
/*    display: none;*/
} 

.emptycell {
width:30%;
}
}

/*  size break for ipads landscape standard: 1024 x 768*/
@media (max-width: 1025px) {
/*50%*/

#cliplight {
    width: 90%;
    height: 40px;
}   

#trailer {
   	margin-top: -48px;
}  
#trailer img {
width: 190px;
} 
#tickets {
   	margin-top: -48px;
}   
#tickets img {
width: 190px;
} 

}



@media (max-width: 768px) {
/*break point for ipads portrait 768 x 1024 */

.emptycell {
width: 0.1%;
}


#trailer {
   	margin-top: -100px;
   margin-right: 100px;
}  
#trailer img {
width: 190px;
} 
#tickets {
   	margin-top: -100px;   	
   	margin-left: 100px;
}   
#tickets img {
width: 190px;
} 


#cliplight {
    margin: 0px;
    width: 90%;
    height:40px;
    z-index: 199;
    position: absolute;
	left: 128px;
	top: 49px;
	font-family: 'Comfortaa', cursive;
	color: #FFFFFF;
	font-size: 1.15em;
/*    display: none;*/
} 


.mailbox {
width: 125px;
height: 26px;
position: fixed;
top: 0; 
right: 12px;

}


}

@media screen and (orientation:portrait) {
.gradient { 
display: none;
}
.menubutton {
position: relative;
left: 3px;
top: -12px;
font-size: 12px;
margin-bottom: -8px;
}
#cliplight {
    margin: 0px;
    width: 50%;
    height:20px;
    z-index: 199;
    position: absolute;
	left: 48px;
	top: 4px;
	font-family: 'Comfortaa', cursive;
	color: #FFFFFF;
	font-size: .85em;
/*    display: none;*/
} 

.mailbox {
width: 100px;
height: 26px;
position: fixed;
top: 0; 
right: 12px;

}
.emptycell {
width: 0.1%;
}

#trailer {
   	margin-top: -230px;
   margin-right: 50px;
}  
#trailer img {
width: 200px;
} 
#tickets {
   	margin-top: -230px;   	
   	margin-left: 50px;
}   
#tickets img {
width: 200px;
} 

}


@media screen and (orientation:landscape) and (max-width: 768px) {

.gradient { 
display: none;

}

.menubutton {
position: relative;
left: 3px;
top: 3px;
font-size: 12px;
margin-bottom: -8px;
}


#cliplight {
    margin: 0px;
    width: 90%;
    height:20px;
    z-index: 199;
    position: absolute;
	left: 48px;
	top: 4px;
	font-family: 'Comfortaa', cursive;
	color: #FFFFFF;
	font-size: .85em;
/*    display: none;*/
} 
.emptycell {
width: 32%;
}


}



@media screen and (orientation:landscape) and (max-width: 640px) {
#cliplight {
    margin: 0px;
    width: 50%;
    height:20px;
    z-index: 199;
    position: absolute;
	left: 48px;
	top: 4px;
	font-family: 'Comfortaa', cursive;
	color: #FFFFFF;
	font-size: .85em;
/*    display: none;*/
} 



}


@media (max-width: 512px) {
/*20%*/

  
  
  
  
  
  
}
@media (max-width: 480px) {
/*18%*/

  
  
  
  
  
  
  
}
@media (max-width: 320px) {
/*12.5%*/
 
  
  
  
  
  
  
  
}
@media (max-width: 256px) {
/*10%*/

  
  
  
  
  
  
  
}