.shelf {
	height:25vw;
	text-align:center;
	justify-content:center;
	background-color:;
	display:flex;
	/* padding-top:13vw; */
}
	
.shelf-phone {
	visibility: hidden;
	display:none;
}
	
a  img {
	height:100%;
	transition: transform .5s;
}
	
a img:hover {
  -ms-transform: scale(1)translate(0px,-15%); /* IE 9 */
  -webkit-transform: scale(1) translate(0px,-15%); /* Safari 3-8 */
  transform: scale(1.06) translate(0px,-5%);
}

	/* header {
	text-align:center;
	height:13vw;
	padding-bottom:6%;
	width:100%;
	padding-left:20%;
	padding-right:20%;
	display:flex;
	position:fixed;
	background-color:black;
	color:white;
	} */
	
header {
		width:70%;
		float:left;
	}
main {
	padding-top:2em;
	background-image: url('../../photos/backgrounds/');
	background-color:;
	color:;
	float:left;
	margin-left:0%;

}

aside {
	width:30%;
	float:right;
	height:100vh;
	padding-top:10vh;
	background-color:black;
	background-image: url('../../photos/backgrounds/curtains2.jpg');
	background-repeat: round;
	position:fixed;
	right: 0;
}
	
	#FilmThumb {
      width: 60%;
	  padding-left:20%;
	  padding-right:auto;
	  padding-top:10%;
    }
	
	#FilmInfo {
      height: 100%;
	  padding-top:5%;
	  padding-right:5%;
	  padding-left:5%;
	  width:90%;
	  color:white;
	  text-align:center;
    }
	
	#frame {
	width:75%;
	clear: both;
	position: absolute;
	padding-left:12.5%;
	padding-right:auto;
	padding-top:2.5%;
	}
	
@media screen and (max-width: 600px) {

.shelf {
	visibility: hidden;
	display:none;

}

.shelf-phone {
	text-align:center;
	justify-content:center;
	display:block;
}

.shelf-phone  img {
	width:35vh;
	padding:1vh;
	visibility: visible;
}

.shelf-phone h3 {
	visibility:visible;
	width:90%;
	margin-left:5%;
	margin-top:0%;
	margin-bottom:2%;

}
.shelf-phone p {
	visibility:visible;
	width:90%;
	margin-left:5%;
	margin-top:0%;
}

header {
	width:100%;
}

main {
	width:100%;
	padding-top:0vh;
	height:auto;
	background-image: url('../../photos/backgrounds/');
	background-color:;
	color:;
	float:;
}

aside {
	visibility: hidden;
	display:none;
}



a img:hover {
  -ms-transform: scale(1)translate(0px,0%); /* IE 9 */
  -webkit-transform: scale(1) translate(0px,0%); /* Safari 3-8 */
  transform: scale(1.08) translate(0px,0%);
}





	
}