@charset "utf-8";

*{margin:0;
padding:0;}

body{
	background-color:#fff;
	text-align:center;
	font-family: Arial;}

#wrapper{
	display:block;
	width:70%;
	margin-left:15%;
	margin-right:15%;
	text-align:center;
	background-color:#fff;
	padding-top:0em;
}

#cpBt{
display:block;
	width:2em;
	height:2em;
	background-color:#fff;
	padding: 3px 7px;
	padding-top:2px;
	cursor:pointer;
	border-radius:3px;
	border: 1px solid #990000;
	transition:background 0.1s linear 0s;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:6em;
}

#cpBt:hover{
border:#333333 1px solid;
}

#cpBt:hover div{
background-color:#333333;
}

#cpBt > div{
	width:30px;
	height:6px;
	background-color:#990000;
	margin: 4px 0;
	border-radius: 6px;
	transition:background 0.1s linear 0s;
}

#nav{
	margin-left:30%;
	margin-right:30%;
	width:40%;
	height:2em;
	margin-top:2.35em;
	display:none;
	height:2em;
	background-color: #990000;
	cursor:pointer;
	border-radius:3px;
	border: 1px solid #990000;
	transition:background 0.1s linear 0s;
	text-align:center;
}

#nav a{
text-decoration:none;
float:left;
text-align:center;
color:#fff;
font-family: Impact, Arial;
font-size:1.2em;
width:20%;
padding-top:0.25em;
text-align:center;}


#nav a:hover{
	color:#434343;
}

#nav a:nth-child(4){
	color:#990000;
	background-color:#fff;
	padding-bottom:0.25em;
}
	
#nav a:nth-child(4):hover{
	color:#333333;
	}

#headline{
	clear:both;
	position:absolute;
	display:block;
	text-align:center;
	width:98%;
	margin-left:1%;
	margin-right:1%;
	top:14.8em;
	}
	
h1{
font-family: Impact, Arial;
color:#990000;
font-size:2.5em;
}

h3{font-family: Arial;
	color:#333333;
	font-weight: regular;
	font-size:1.3em;}


#content{
	display:block;
	width:70%;
	margin-left:16.8%;
	margin-right:13.2%;
	text-align:center;
	position:absolute;
	top:21.23em;
}

#content a{text-decoration:none;}


#content1{
	display:block;
	width:688px;
	height:214px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;	
	background-image:url("img/kino_ticket.png");
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}

#content1_p{
	display:block;
	color:#fff;
	font-size:0.8em;
	text-align:center;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	top:15.3em;
	padding-left:2.33em;
}

#content_small{display:none;}

/*Media Queries*/

@media only screen and (max-device-width:1600px) {

#nav{width:60%;
margin-left:20%;
margin-right:20%;}


#content1{
	width:650px;
}

#content1_p{
	top:15.3em;
	padding-left:1.575em;
}
}

@media only screen and (max-device-width:1366px) {

#wrapper{width:80%;
margin-left:10%;
margin-right:10%;}

#cpBt{	margin-top:3em;
}

#headline{
	top:11.55em;
}

#content{
width:90%;
margin-left:10%;
margin-right:0;
top:17.8em;
}
		
#content1{
background-size:100%;

	}

#content1_p{
	top:14.9em;
	padding-left:1.3em;
	
}
}

@media only screen and (max-device-width:1280px) {

#wrapper{width:80%;
margin-left:10%;
margin-right:10%;}

#cpBt{	margin-top:3em;
}

}

@media only screen and  (max-device-width:1024px) {

#cpBt{	margin-top:2em;
}

#nav{margin-top:2em;
width:98%;
margin-left:1%;
margin-right:1%;
}

#nav a:nth-child(4){
	padding-bottom:0.2em;
}




#headline{
top:10.05em;
}

#content{
	top:16.1em;}
	
	#content1{background-size: 80%;}

#content1_p{
	top:17.4em;
	font-size:10px;
	padding-left:7.3em;
}
}

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


#cpBt{
	width:1.6em;
	height:1.8em;
	padding: 3px 7px;
	top:3em;
	margin-left:auto;
	margin-right:auto;
}

#cpBt > div{
	width:25px;
	height:4px;
	margin: 4px 0;
	border-radius: 6px;
	}

#nav{
	margin-top:1.98em;
	font-size:0.7em;
	width:88%;
	margin-left:6%;
	margin-right:6%;
}

#nav a{font-size:1.1em;}

h1{
	font-size:1.8em;
	}

h3{font-size:1.1em;}

#headline{
	top:8.25em;
	}



#content_small{
	display:block;
	width:100%;
	position:absolute;
	top:13.9em;
	left:7.5%;
	right:7.5%;
}

#content_small a{text-decoration:none;}


#content1_small{
	display:block;
	width:500px;
	height:156px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;	
	background-image:url("img/kino_ticket1.png");
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}

#content1_p_small{
	display:block;
	color:#fff;
	font-size:0.55em;
	text-align:center;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	top:16.15em;
	padding-left:2.23em;
}

#content{display:none;}	

#owl{top:39.25em;}
}

@media only screen and   (max-device-width:540px){

#cpBt{
	width:1.4em;
	height:1.4em;
	padding: 1px 3px;
	margin-top:2em;
}

#cpBt > div{
	width:20px;
	height:3px;
	margin: 3px 1px;
	border-radius: 6px;
	}

#nav{
	margin-top:3.15em;
	font-size:0.5em;
	height:1.7em;
	font-weight:regular;
}

#nav a{
padding-top:2px;}

#nav a:nth-child(4){
	padding-bottom:1px;
}

#headline{display:block;
	top:7.827em;
}

h1{
	font-size:0.9em;
	}

h3{font-size:0.5em;}


#content_small{
	width:85%;
	left:15%;
	right:0%;
	top:7.7em;
}


#content1_small{width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
	background-size:100%;
}

#content1_p_small{
	font-size:5px;
	color: red;
	top:25em;
	padding-left:2.3em;
}
}

@media only screen and   (max-device-width:414px){


#content_small{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	top:7.7em;
}


#content1_small{width:320px;
margin-left:auto;
margin-right:auto;
text-align:center;
	background-size:80%;
}

#content1_p_small{
	font-size:4px;

	top:28em;
	padding-left:9em;
}
}

@media only screen and (max-device-width:375px){

}

@media only screen and (max-device-width:320px){

@media only screen and (max-device-width:320px){

#nav{height:1.3em;
width:80%;
margin-left:10%;
margin-right:10%;
}

#nav a{font-size:0.5em;
padding-top:0;}

#nav a:nth-child(4){
		padding-bottom:0;
}

#headline{
	top:7.827em;
}

h1{font-size:0.8em;}

h3{font-size:6px;}

#content_small{
	width:100%;
margin-left:auto;
margin-right:auto;

	top:7em;

}
#content1_small{background-size: 80%;
width:300px;
	margin-left:auto;
	margin-right:auto;	
}

#content1_p_small{
top:27em;
		font-size:4px;
	
		line-height:8px;
width:100%;
	margin-left:auto;
	margin-right:auto;	
	text-align:left;
padding-left:12em;
}
}

@media only screen and (max-device-width:280px){

#content_small{
	width:100%;
margin-left:auto;
margin-right:auto;

	top:7em;

}
#content1_small{background-size: 80%;
width:260px;
	margin-left:auto;
	margin-right:auto;	
}

#content1_p_small{
top:25.6em;
		font-size:4px;
	
		line-height:8px;
width:100%;
	margin-left:auto;
	margin-right:auto;	
	text-align:left;
padding-left:12em;
}
}