@import url(https://fonts.googleapis.com/css?family=Raleway:100,300,600);
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300);

*{
	/*box-sizing: border-box;*/
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	font-size: 15px;
	background: white;
}

header {
	position: fixed;
	width: 100%;
}

nav {
	background-color: rgba(70, 70, 70, 1);
	margin: 0 auto;
	position: fixed;
	width: 100%;
}

a{
	
}   

aside{
	float: right;
	padding: 0 11%;
	margin-top: 100px;
}

h1{
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 3em;
	margin: 50 auto;
	padding: 10px 0;
	text-transform: uppercase;
	text-align: center;
}

h2{
	font-family: 'Quicksand', sans-serif;
	font-size: 1.5em;
	text-transform: uppercase;
	padding: 10px;
}

#dessertmen h2 {
	font-family: 'Raleway';
	font-weight: 600;
}

h3 {
	font-family: 'Quicksand', sans-serif;
	line-height: 1.6em;
}

h4 {
	font-family: 'Quicksand', sans-serif;
	font-size: 1em;
	margin: 0;
}

h5 {
	display: block;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 4em;
	padding: .4em;
}

h6 {
	font-family: 'Raleway', sans-serif;
	font-size: 1.4em;
	font-weight: 600;
	margin: 0 auto;
	text-transform: uppercase;
	padding: 15px;
}

p {
	font-family: 'Quicksand', sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.4em;
}

hr {
	width: 40%;
	text-align: center;
	margin: 50px auto;
}

img{
	width: 100%;
}

label {
	font-family: 'Raleway', sans-serif;
	font-size: 1.3em;
	display: none;
}

ul, li{	
	display: block;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-size: 1.1em;
	line-height: 1.6em;
}

span {
	text-align: right;
	float: right;
	width: 3%;
}

footer{
	background: url(../images/footerbg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.clearfix:after {
	height: 0;
	font-size: 0;
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
}

.wrap {
	margin: 50px auto;
	text-align: center;
}

.nav {
	text-align: center;
}

.navlinks{
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 1.5em;
	color: white;
	letter-spacing: .2em;
	display: inline-block;
	margin: 8px;
/*	margin: 0 auto;*/
	padding: 0 25px;
	text-transform: uppercase;
/*	color: #5E5957;*/
	text-decoration: none;
}

.titles {
	background-color: white;
	width: 400px;
	margin: 0 100px;
}

.left{
	float: left;
	display: block;
	padding: 0 5% 0 15%;
	max-width: 30%;
}

.right {
	float: right;
	display: block;
	padding: 0 15% 0 5%;
	max-width: 30%;
}

.clearfix.wineleft p {
    line-height: 2em;
}

.wineleft {
	float: left;
	display: block;
	width: 30%;
	min-width: 700px;
	padding: 0 10%;
	height: auto;
}

.facebook {
    width: 20px;
    padding: 0px 10px;
}
div#footwords h4 {
    padding: 8px 0;
    font-size: 1.3em;
}

.wineright {
	float: right;
	display: block;
	width: 30%;
	min-width: 700px;
	padding: 0 10%;
	height: auto;
}

.clearfix.wineright p {
    line-height: 2em;
}

.wines{
	text-align: left;
	background-color: rgba(227, 226, 226, .5);
	padding: 10px 30px;
}

.bold {
	font-weight: 600;
	float: none;
}

.ebold{
	float: none;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
}

.formbox{
	text-align: center;
	display: block;
}

.inputrow {
	display: block;
	padding: 5px;
}

.input {
	display: inline-block;
	padding: 5px;
}

.formbox {
	margin-top: 30px;
}

.tele {
	color: white;
}

.glasswines {
	text-align: left;
	width: 50%;
	padding: 0 12%;
}

.eventp {
	width: 40%;
	margin: 20px auto;
	line-height: 1.6em;
	text-align: center;
}

.eventhr {
	width: 150px;
}

.firstrow{
	display: block;
}

.galimages{
	width: 20%;
	display: inline-block;
}

.foothr{
	margin: 5px auto;
	width: 15%;
}

.fwords {
	color: #d6d0d0;
	padding: 5px;
	width: 100%;
	font-size: 1em;
}

.line {
	width: 30px;
	height: 4px;
	background: rgb(255, 255, 255);
	margin: 4px 0;
	color: white;
}

.mobilepics {
	background-size: cover;
	background-repeat: no-repeat;
	height: 900px;
	margin: 0 10%;
}

.email {
	text-decoration: none;
	color: black;
}

.emailh {
	text-decoration: none;
	color: white;
}

.eventpg{
	background-color: rgba(193, 176, 176, 0.57);
    text-align: center;
    padding: 169px 0;
    color: #4F7936;
    font-size: 1.5em;
}

.container { 
	width: 900px; 
	margin: auto; 
	padding: 7%; 
}

.trr{
	font-family: 'Quicksand', sans-serif;
	font-size: 1.3em;
	color: white;
	padding: 0;
	text-decoration: none;
}

.container .ism-slider { 
	margin-left: auto; 
	margin-right: auto; 
}

#toggle {
	display: none;
}

#rgname{
	font-family: 'Quicksand', sans-serif;
	font-size: 3em;
	font-weight: 400;
	font-style: italic;
	margin: 50px auto;
}

#tagline {
    font-weight: 300;
    font-size: 1.3em;
    width: 60%;
    margin: -5% auto 2%;
    color: white;
    background-color: #464646;
    padding: 0;
}

#altred {
	padding-bottom: 4%;
}

#hhtitle {
	background: url(../images/firpitcopyw.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 6%;
}

#hhfood{
	background: url(../images/burgerbg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 6%;
}

#apps {
	background: url(../images/sashimiplate.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 6%;
}

#mainspic {
	background: url(../images/fish.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 6%;
}

#saladpic {
	background: url(../images/beet.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 6%;
}

#aclink {
	color: white;
	font-size: 1em;
	text-decoration: none;
}

#dessertpic {
	background: url(../images/dessert3.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 6%;
}

#apun {
	text-decoration: underline;
	font-size: 1.5em;
}

#under {
	text-decoration: underline;
	font-size: 1em;
	float: none;
	display: inline;
}

#space {
	padding: 35px 10% 15px;
}

#containerwrap{
	background-color: rgba(98, 127, 104, 0.42);
	height: 95vh;
}

#drinkspic {
	background: url(../images/manhattan4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

#about{
	background: url(../images/outsidefall.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 900px;
	background-color: rgba(73, 81, 82, .5);
}

#info {
	text-align: center;
	width: 55%;
	margin: 50px auto;
	clear: both;
}

#reserve {
	text-align: center;
	margin-top: 25px;
}

#drinklist {
	width: 50%;
	margin: 0 auto;
}

#wine {
	background: url(../images/snapdragon.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: rgba(227, 226, 226, .5);
}

#winelist {
	background-color: rgba(227, 226, 226, .85);
	padding-bottom: 50px;
	padding-top: 6%;
}

#corkage {
	background-color: rgba(227, 226, 226, .5);
	padding: 50px 30px 85px;
	font-weight: 600;
}

#lspace {
	padding-left: 2%;
	font-family: 'Quicksand', sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.4em;
    text-transform: uppercase;
}

#drinks {
	text-align: center;
	clear: both;
}

#foodpics{
	width: 100%;
	text-align: center;
}

#hhmenu{
	text-align: center;
	margin: 50px 0;
}

#salads {
	text-align: center;
}

#dessertmen {
	margin: 50px auto;
	width: 40%;
	text-align: center;
	line-height: 2.5em;
}

#chicken {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	display: block;
	padding: 5px;
}

#rgreserve{
	background-color: rgba(227, 226, 226, .5);
	height: 500px;
	width: 60%;
	margin: 50px auto 100px auto;
	padding-top: 50px;
}

#continue {
	margin: 0 auto;
	display: block;
	text-align: center;
}

#gallink {
	font-size: 1em;
	padding: 0;
	color: #4F7936;
    text-decoration: none;
}	

#pbg{
	background-color: white;
}

#rgevent {
	padding-top: 75px; 
}

#eventphoto{
	background: url(../images/silverwarebg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	/*height: 400px;*/
	width: 50%;
	margin: 0 auto;
}
#footercover {
	font-family: 'Raleway', sans-serif;
	color: white;
	clear: both;
	text-align: center;
	margin: auto;
	background-color: rgba(18, 142, 40, .7);
	position: relative;
	padding: 2% 0;
}

#footwords {
	padding: 10px 100px;
}

#dby {
	padding-top: 20px;
	font-family: 'Raleway', sans-serif;
}

#acwords {
	font-size: 1em;
	text-decoration: none;
}

#aclogo {
	width: 30px;
}

#nophone {
	color: white;
	background-color: red;
	border: 3px solid #464646;
	border-style: double;
	margin: 50px auto;
	padding: 10px;
	font-size: 1.4em;
}
#findus {
	margin: 15px 0;
}

@media only screen and (max-width: 2400px) {
	.wineleft {
		padding: 0 8%;
	}
	.wineright {
		padding: 0 8%;
	}
}

@media only screen and (max-width: 2200px) {
	#tagline {
		font-size: 1.1em;
	}
} 

@media only screen and (max-width: 2100px) {
	.wineleft {
		padding: 0 6%;
	}
	.wineright {
		padding: 0 6%;
	}
}

@media only screen and (max-width: 1900px) {
	section{
		width: 40%;
	}
	.wineleft {
		padding: 0 4%;
	}
	.wineright {
		padding: 0 4%;
	}
	.mobilepics {
		height: 550px;
	}
	#about {
		height: 650px;
	}
}

@media only screen and (max-width: 1800px) {
	#tagline {
		font-size: 1em;
		width: 65%;
	}
}

@media only screen and (max-width: 1700px) {
	a {
		padding: 5px 15px;
	}

	section {
		width: 60%;
	}

	.eventp {
		width: 70%;
	}

	.navlinks {
		letter-spacing: 0;
		font-size: 1.4em;
	}

	.wineleft {
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	.wineright {
		float: none;
		text-align: center;
		padding: 50px 4%;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 1500px) {
	#tagline {
	    font-size: .9em;
    	width: 70%;
	}
}

@media only screen and (max-width: 1419px) {
	.eventpg{
		padding: 154px 0;
	}
	#nophone {
		font-size: 1.2em;
	}
}

@media only screen and (max-width: 1300px) {
	#tagline {
		font-size: .8em;
		width: 75%;
	}
}

@media only screen and (max-width: 1200px) {
	section {
		width: 90%;
	}

	h5 {
		font-size: 2.5em;
	}

	label {
		display: block;
		float:left;
	    padding: 4%;
	}

	nav{
		display: none;
		position:static;
		clear:both;
	}

	header{
		height:auto;
		position: absolute;
	}

	.navlinks{
		float:none;
		display:block;
		margin: 8px;
		padding: 1.2%;
	}

	.foodwrap {
		margin: 0 40px;
	}

	.eventpg{
		padding: 169px 0;
	}

	#toggle:checked + nav {	
		display: block;
	}

	#containerwrap {	
		padding-top: 25%;
	}

	#about {
		height: 600px;
	}

	#info {
		width: 80%;
		margin: 70px auto;
	}
	#mobilewords {
		display: none;
	}
	#drinklist {
		width: 80%;
	}
	#eventphoto {
		width: 70%;
	}
	#tagline {
		font-size: 1em;
		width: 70%;
	}
}

@media only screen and (max-width: 1034px) {
	.eventpg{
		padding: 169px 0;
	}
}

@media only screen and (max-width: 1017px) {
	.eventpg{
		padding: 154px 0;
	}
}

@media only screen and (max-width: 1000px) {
	h1 {
		font-size: 2em;
	}
	h2 {
		font-size: 1.2em;
	}
	.titles{
		width: 300px;
		margin: 20px;
	}
	.left{
		float: none;
		padding: 0;
		max-width: 100%;
		margin: 0 40px;
	}
	.right{
		float: none;
		padding: 0;
		max-width: 100%;
		margin: 0 40px;
	}
	.wineleft {
		min-width: 500px;
	}
	.wineright {
		min-width: 500px;
	}

	.mobilepics {
		height: 500px;
	}
	#hhmenu {
		margin: 50px 0;
	}
	#salads {
		margin: 40px;
	}
	#nophone {
		font-size: 1em;
	}
}

@media only screen and (max-width: 900px) {
	.container{
		width: 700px;
	}
	#containerwrap {
		margin-bottom: 275px;
	}
	#tagline {
		margin: -9% auto 5%;
	}
}

@media only screen and (max-width: 740px) {
	h5 {
		font-size: 1.7em;
	}
	section {
		margin: 50px auto;
	}
	nav {
		padding: 10px 2px;
	}
	p {
		font-size: .7em;
	}
	h1 {
		font-size: 1.7em;
	}
	h2 {
		font-size: .8em;
	}
	h3 {
		font-size: .8em;
	}
	h5 {
		font-size: 1.3em;
	}
	h6 {
		font-size: 1.1em;
	}
	hr {
		margin: 25px auto;
	}
	ul, li {
		font-size: .9em;
	}
	.eventpg{
		padding: 138px 0;
	}
	.container{
		width: 80%;
	}
	.navlinks {
		font-size: 1.6em;
		font-weight: 300;
	}
	.titles {
		width: 210px;
	}
	.mobilepics {
		height: 250px;
		margin: 0;
	}
	#about {
		height: 300px;
	}
/*	#under {
		font-size: 1.7em;
	}*/
	#hhmenu {
		margin: 25px 0;
	}
	#dessertpic {
		height: 250px;
	}
	#dessertmen {
		width: 70%;
		margin: 15px auto;
	}
	#wine {
		display: none;
	}	
	#wineline {
		display: none;
	}
	#tagline {
		font-weight: 300;
		font-size: 1.6em;
	}
	#footwords {
		padding: 10px 40px;
		font-size: 10px;
	}
}

@media only screen and (max-width: 600px) {
	#tagline {
		font-size: 1.4em;
	}
}

@media only screen and (max-width: 500px) {
	h1 {
		font-size: 1.3em;
	}
	.titles {
		width: 140px;
		margin: 6px;
	}
	#hhtitle {
		background: url(../images/firpit2copy.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	#about {
		background: url(../images/outsidefallsml.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	#hhfood {
    	background: url(../images/burgerbgcopy.jpg);
    	background-size: cover;
    	background-repeat: no-repeat;
    	background-position: center;
	}
	#tagline {
		font-size: 1.2em;
		margin: -11% auto 5%;
	}
}


@media only screen and (max-width: 400px) {
	#nophone {
		margin: 30px auto;
	}
	#info {
		margin: 25px auto;
	}
	#tagline {
		margin: -16% auto 5%;
	}
}

@media only screen and (max-width: 380px) {
	#containerwrap {
/*		height: 265px;
		margin-bottom: 146px;
		margin-top: 99px;*/
	}
}	

@media only screen and (max-width: 330px) {
/*		#containerwrap {
			margin-bottom: 115px;
			height: 230px;
			margin-top: 58px;
	}*/
}