*{
	margin: 0;
}

#imageContainer img{
	width: 100%;
	height: 100%;
	opacity: 100;
	background-image: url("movie.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	
}


#buttonContainer{
	background-color: black;
	width: 70px;
	height: 70px;
	position: absolute; 
	top: 85vh;
	left: 1250px;
	right: 0;
	margin-left: auto;
	margin-right: auto;	
	border-radius: 50px;
	-webkit-box-shadow: inset 1px 6px 12px grey, inset -1px -10px 5px darkgrey, 1px 2px 1px black;
    -moz-box-shadow: inset 1px 6px 12px grey, inset -1px -10px 5px darkgrey, 1px 2px 1px black;
    box-shadow: inset 1px 6px 12px grey, inset -1px -10px 5px darkgrey, 1px 2px 1px black;
    text-shadow: 1px 1px 1px black;
}


#button{
 float:absolute;
 text-align:center;
 margin-top: 25px;
 color: white;
 font-family: arial;
 text-transform: upercase;
 font-size: 12px
}
a:link {
  text-decoration: none;
}

@media screen and (max-width: 1200px) {
  #buttonContainer{
	background-color: black;
	width: 70px;
	height: 70px;
	position: absolute; 
	top: 80vh;
	left: 0%;
	right: 0;
	margin-left: auto;
	margin-right: auto;	
	border-radius: 50px;
	-webkit-box-shadow: inset 1px 6px 12px grey, inset -1px -10px 5px darkgrey, 1px 2px 1px black;
    -moz-box-shadow: inset 1px 6px 12px grey, inset -1px -10px 5px darkgrey, 1px 2px 1px black;
    box-shadow: inset 1px 6px 12px grey, inset -1px -10px 5px darkgrey, 1px 2px 1px black;
    text-shadow: 1px 1px 1px black;
}

#button{
float:absolute;
 text-align:center;
 margin-top: 25px;
 color: white;
 font-family: arial;
 text-transform: upercase;
 font-size: 12px
}

#imageContainer img{
	display:none;
	
}

body{
	height: 100%;
	opacity: 100;
	background-image: url("Mobile2.png");
	background-size: cover;
	background-repeat: no-repeat;
	
}
}