html, body {
    font-size: 16px;
color: blanchedalmond;
font-family: 'Montserrat', 'Times New Roman', Times, serif;
margin:0;
padding:0;
}
p {
font-size: 100%;
}
h1 {
font-size: 220%;
}
.container {
opacity:0.9;
background-image: url(images/beer.jpg);
background-repeat: no-repeat;
background-attachment: fixed;	
background-position: top center;   
background-size: cover;	
	width:100%;
height:100%;
min-height: 1100px;
	margin:auto;
	z-index:1000;
}

.banner {

height: 200px;	
margin: auto;
position: fixed;
background-position: top center;
}
.banner img {
opacity: 0.9;
display: block;
margin: auto;
max-height: 120%;


}
.form {
margin: auto;
text-align: center;
}
.radio {
display: inline-block;
}
.nav {
/*display: inline;*/
/*position: fixed;*/

padding: 20px;
text-align: center;
right: 3px;

}
ul {
width: 100%;
margin:auto;
padding: 0px;
white-space: nowrap;
}
.nav li {
width: 150px;
background-color: rgb(46, 41, 41);
display: inline-block;
	background-image: linear-gradient(rgb(126, 124, 124),  rgb(46, 41, 41));
border-radius: 5px;
	border-style: solid;
border-color: #ffffff;
border-width: thin;
}

li a {

display: block;
color: white;
text-align: center;
padding: 20px 0px;
text-decoration: none;

}
li a:hover {
background-color: #111;
} 

.sign {
	/*position: fixed;*/
		top: 10px;
	z-index: -100;
}
.contact {
	text-align: center;
	/*padding-top: 225px;*/
	
}
.create {
	text-align: center;
	/*padding-top: 225px;*/
	
}
.chownow {
	left: 0px;
}

 .menu-items {
	/*padding-top: 170px;*/
	margin: auto;
	text-align: center;
 /* background-color: rgba(32, 39, 33, 0.6);*/
	height: 100%;
	width: 60%;
	top:0px;
	margin-top: -150px;
	
	}
	

.food {	
display: inline-table;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size: 150%;
color: rgb(255, 255, 255);
text-align: center;
margin: 5px auto 15px 15px;	
z-index: 100;
}

.price {
color: rgb(247, 91, 1);
display:inline;
}
.drinks{
display: block;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size: 150%;
color: rgb(255, 255, 255);	
margin: 5px auto 15px 15px;
}
.note {
/*padding-top: 250px;*/
text-align: center;
margin:auto;
font-size: 250%;
}
h3 {
    /*padding-top: 250px;*/
	text-align: center;
	margin:auto;
	font-size: 120%;
	}
.footer { 
bottom: 0px;
/*width: 100%;*/
height: 60px;
/*background-color: #f5f5f5;*/
clear:both;
}
.footer p {
font-size: 80%;
}
.button {
color: rgb(218, 108, 18);
border: solid 2px rgb(218, 108, 18);
border-radius: 50%;
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
font-size: 20px;
line-height: 48px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

a {
color:  rgb(248, 244, 244);
}
a:visited{
color: rgb(248, 244, 244);
}
a.button:visited {
	color: rgb(218, 108, 18);
	}
a:hover {
color: rgb(255, 132, 0);
}
.print {
display: none;
}

@media only screen and (max-width: 920px) {			
.chownow {
clear: both;	
}
ul li {
width: 100px;
}
}
@media only screen and (max-width: 1920px) {
.container {	
    background-image: url(images/beermidres.jpg);
	/*background-image: linear-gradient(to right,rgb(243, 145, 65) 0%,rgb(241, 226, 203) 100%),url(Images/beermidres.jpg);
	background-blend-mode:multiply;	*/
	/*background-image: url(Images/beermidres.jpg);*/
}
ul {
	width: 93%;		
}		
.chownow {
clear: both;	}
}
@media only screen and (max-width: 670px) {	
	.sign {
		width: 300px;
	}
	.menu-items {
		margin-top: -10px;

	}
	.food {
		white-space: pre-line;
		font-size: 100%;
	}
	.drinks {
		font-size: 100%;
	}
	.nav li {
	width: 85px;
	font-size: 90%;
}
.create {
	font-size: 80%;
}
	}
@media only screen and (max-width: 430px) {	
	.nav li {
	width: 75px;
	font-size: 80%;
	}
	}