@import url(https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond);

@media only screen and (orientation: portrait) {
/* 
	#homemain img {height: 800px; margin-left: -200px; margin-top: 100px;}
	#left img#mainlogo {top: 20px; width: 130px;}
 */
	#home {background-image: url("demo/WineDining1.jpg"); background-position:50% 50%; background-size:cover; background-repeat:no-repeat; background-attachment: fixed;}
	#homeright {top: 0px;}
	#menuheader {margin-bottom: 112px;}
	#content {border-top: 0px; margin-top: 0px;} /* Need #wine to override more specific definition */
	body, table {font-size: 125%;}
}
@media only screen and (orientation: landscape) {
	#home #left {display: none;}
	#left {background-image: url(); background-position:50% 20px; background-size:100px; background-repeat:no-repeat;}
	#home {background-image: url("demo/WineDining1.jpg"); background-position:50% 50%; background-size:cover; background-repeat:no-repeat; background-attachment: fixed;}
	body#wine.Glass #content {margin-top: 20px;} /* Need #wine to override more specific definition */
	body#wine.Beer #content {margin-top: 20px;} /* Need #wine to override more specific definition */
	body#wine.Misc #content {margin-top: 20px;} /* Need #wine to override more specific definition */
	body#wine.Liquor #content {margin-top: 20px;} /* Need #wine to override more specific definition */
}
#top {background-image: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0) 100%);}
#left {background-color: transparent;}
/* 
body#home img#mainlogo {display: none;}
 */

#homeright {width: 3.25in; background-color: transparent;}
#homeright > div {font-family: "Avenir Next"; font-weight: 100; color: black; text-transform: uppercase;}
#menuheader {color: white;}
#menubuttons {margin-right: 10px;}
#home #menubuttons > div.menubutton {line-height: 70px; margin-bottom: 10px;}
.menubutton {color: black;}
#nameheader {font-family: "Avenir Next";}
#type {padding-top: 20px; line-height: 1.1; font-size: 200%;}
.winename {font-family: "Avenir Next";}
.winename.a {font-size: 120%; text-transform: none;}
.winename.b {font-size: 120%; text-transform: none; font-weight: normal; margin: 0;}
.winename.b2 {font-size: 120%; text-transform: none; font-weight: normal; margin: 0;}
.winename.c {font-size: 120%; text-transform: none; white-space: nowrap;}
.winename.size {font-family: "Times New Roman"; width: 60px; vertical-align: top; padding: 0; line-height: 2.0; text-align: right;}
.winename.main {display: block; color: black;}
.winename.secondary {font-size: 85%; color: #555555;}
.winename.misc {font-size: 103%; white-space: nowrap;}
.winename.price {font-size: 103%; width: 100px; padding: 0in;}
.winename.description {font-family: "Times New Roman";}
#detail .stories {color: #555555;}
body.Glass #sectionselect {visibility: hidden;}
body.Beer #sectionselect {visibility: hidden;}
body.Misc #sectionselect {visibility: hidden;} /* Cocktails */
body.Liquor #sectionselect {visibility: hidden;} /* Dessert */
body.Liquor div.lists.Liquor {display: none;} /* Dessert header */
body.Cocktails .winename.size {display: none;}
#wine {background-color: white;}
#wine #content {font-family: "Times New Roman";}
#detail {font-family: "Times New Roman";}
#price {font-family: "Times New Roman";}
#sectionselect {font-family: "Avenir Next"; font-weight: 100; text-transform: none; width: 450px; text-align: center;}
.lists {font-family: "Avenir Next"; color: black; text-transform: capitalize;}
.areadescription {font-family: "Avenir Next"; font-weight: 400; font-size: 100%; color: black; text-align: justify;}
.pwlhead {font-family: "Avenir Next"; font-weight: 100; text-transform: none; text-align: center;}
.level2 {padding-left: 0px;}
.level3 {padding-left: 0px;}

.lists.Misc {display: none;}
