@charset "utf-8";
/* CSS Document */
html{
	background-color: black;
	background-image: url(../images/drinks-2578446_1280.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	background-size: cover;
	margin-right: auto;
	margin-left: auto;
	
	
}
body{
	background-image: url(../images/board1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;	
	margin-bottom: 15px;
	height:660px;
		max-width:500px;
		box-shadow: 6px 20px 222px 32px;

	

}
#back{
	max-width: 45px;
	position: fixed;
	bottom: 10px;
	right: auto;
	left: 10px;
}
 a{
	 display: block;
	 font-size: 1.9em;
	 color: black;
	 padding: 15px 25px 12px;
	 width: 80%;
	 text-decoration: none;
	 border: 2px solid black;
	 margin:23px auto 10px auto;
	 position: relative;
	 overflow: hidden;
	 text-shadow: 5px 5px 9px hsla(0,1%,15%,0.4);
	 box-shadow: 9px 9px 44px 5px hsla(0,0%,0%,0.50);
	 
	
}
a:hover{
	color: white;
	background-color: hsla(0,0%,0%,0.50);
	box-shadow: 9px 9px 24px 5px hsla(0,0%,0%,0.50);
}
.menu{
	display: block;
	width: 90%;
	margin: -25px auto 5px auto;
	padding: 25px;
	
	
}
img{
	width:120px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	
}
h2{
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 25px 10px 5px 10px;
	margin: -10px auto 0px auto;
	text-shadow: 5px 5px 9px hsla(0,1%,15%,0.4);}
	
@media (min-width: 550px) {
		
	#back {
		position: relative;
		
	}
body{
	background-image: url(../images/board1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;	
	margin-bottom: 125px;
	height:660px;
		max-width:500px;
		box-shadow: 6px 20px 222px 32px;

}	
}
	@media (min-width: 750px) {

	#back{
	display: none;
	}
		body{
				margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 160px;
		}

}