/* CSS Document */
body {
	background-color:#E2E2E2;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
.cinemah {
	position:fixed;
    min-width: calc(100%);
    top: 0px;
    left: 0px;
	min-height: calc(15%);
	background-color:black;
	color:white;
	text-align:left;
	z-index:5;
}

.cinemab {
	
	position:fixed;
    min-width: calc(100%);
    bottom: 0px;
    left: 0px;
	min-height: calc(15%);
	background-color:black;
	color:white;
	text-align:right;
	z-index:5;
}
.film {
	margin: 0px;
}
.photo {
	position:relative;
	float:left;
	max-width:50%;
	margin:0px;
	padding:0px;
}
.photo img {
	width:95%;
	margin:0px;
	padding:5px;
}

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

.cinemah {
	position:relative;
    width: calc(100%);
    top: auto;
    left: auto;
	min-height: 20px;
	background-color:black;
	color:white;
	text-align:left;
	z-index:5;
}

.cinemab {
	
	position:relative;
    width: calc(100%);
    bottom: auto;
    left: auto;
	min-height: 20px;
	background-color:black;
	color:white;
	text-align:right;
	z-index:5;
}
.film {
	margin: 0px;
}
.photo {
	position:relative;
	float:auto;
	max-width:100%;
	margin:0px;
	padding:0px;
}
.photo img {
	width:100%;
	margin:0px;
	padding:5px;
}
}