@font-face {	font-family: Arial, Helvetica, sans-serif;	font-style: normal;	font-weight: 400;}* {	margin: 0;	padding: 0;	border: 0;}body, html {  height: 100vh;  font-family: 'Nunito';  font-weight: 300;  font-size: 3vw;}#main-container {	/* The image used */	background:	linear-gradient(	rgba(0, 0, 0, 0.6), 	rgba(0, 0, 0, 0.6)	),	url("media/photo.jpg");	/* Full width & height */	width: 100vw;	height: 100vh;	/* Center and scale the image nicely */	background-position: center;	background-repeat: no-repeat;	background-size: cover;}#page-container {	/* Full width & height */	width: 100vw;	height: 100vh;}#page-header {	width: 100vw;	height: 22vh;	background-color: #000;	color: #fff;}#page-header img#mutante {	height: 15vh;	padding: 4vh;	max-height: 300px;}#page-image {	height: 78vh;	width: 100vw;}#page-menu {	height: 70vh;	width: 100vw;}#page-content {	height: 50vh;	width: 100vw;	background-color: #000;	border-top: 1px solid #a0b7bf;}#page-content #description {	padding: 4vh 15vw;	text-align: justify;}#page-content #description p {	padding: 1vh 0;	font-size: 3vw;	color:#a0b7bf;}#menu-content {	clear: both;	width: 90vw;	margin: 0 auto;	background-color: #fff;	border-top: 1px solid #a0b7bf;	text-align: center;}#menu-content h1 {	padding: 3vh 0;}#menu-content p.price {	padding-bottom: 2vh;}#menu-content p.newitem {	color: #a0b7bf;}#menu-content p.gotop {	font-size: 6vw;	text-align: center;}#menu-content p.description {	margin-bottom: 1vh;}#menu-content p.qty {	width: 54vw;	margin: 0 auto;	padding-bottom: 1vh;}#menu-content p.prices {	width: 54vw;	margin: 0 auto;	padding-bottom: 2vh;}#menu-content span.three-cols {	display: inline-block;	width: 16vw;	margin: 0 1vw;	padding: 0;}#menu-content p.wine {	font-weight: 700;}#menu-content img.flag {	width:3vh;	border: 1px solid #333;}#menu-content a {	text-decoration: none;}#menu-content a:link,#menu-content a:visited,#menu-content a:hover,#menu-content a:active {	color: #a0b7bf;}#menu-content img.logo {	width:30vw;}#menu-content img.clipart {	width: 2vw;	border: 0;	padding: 0 1vw;} #menu-content-table {	clear: both;	width: 90vw;	margin: 0 auto;	background-color: #fff;	border-top: 1px solid #a0b7bf;	text-align: left;}#menu-content-table h1 {	padding: 3vh 0;}#menu-content-table p.gotop {	font-size: 6vw;	text-align: center;}#menu-content-table a {	text-decoration: none;}#menu-content-table a:link,#menu-content-table a:visited,#menu-content-table a:hover,#menu-content-table a:active {	color: #a0b7bf;}#menu-content-table p {	padding:0.5vw;}#menu-content-table p.bg {	background-color: #eee;}#menu-content-table p span.col1 {	display: inline-block;	width: 58vw;}#menu-content-table p span.header1 {	padding: 3vh 0;	font-size: 6vw;	font-weight: bold;}#menu-content-table p span.col2 {	display: inline-block;	width: 15vw;}#menu-content-table p span.col3 {	display: inline-block;	width: 15vw;}#menu-content-table p span.centered {	text-align:center;}#menu-content-table img.flag {	width:3vh;	margin-right:1vh;	border: 1px solid #333;}#restaurant-menu {	font-size: 3vw;	padding-top: 2vh;	}#restaurant-menu li {	color: #a0b7bf;	padding: 2vh 0 2vh 40vw;	list-style: none;	background-image: url("media/hare.png");	background-repeat: no-repeat;	background-position: 32vw center;	background-size: 4vw;}#restaurant-menu li a {	color: #a0b7bf;}#restaurant-menu li a:link {	text-decoration: none;}#page-footer {	width: 100vw;	text-align: center;	font-size: 3vw;	background-color: #a0b7bf;}#contact {	width: 100vw;	padding: 4vh 0;	text-align: center;}#social {	width: 100vw;	text-align: center;	padding: 4vh 0;}#social img#logo {	width: 33vw;}#hours {	width: 100vw;	text-align: center;	padding: 4vh 0;}#site-navigation {  display: block;  background: #000;  height: 4vh;  width:40vw;  float:right;  font-size: 3vw;  text-align: right;}#site-navigation #main-menu,#site-navigation > input {  display: none;} #site-navigation > label {  display: block;  font-size: 6vw;  color: #fff;  position: absolute;  right: 4vw;  top: 2vh;  width: 4vw;  padding: 0;  cursor: pointer;  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  z-index: 5; } #site-navigation > input:checked + #main-menu {  display: block;  clear: both;  top: 1vh;  position: relative;  background: #000;  color: #fff;  width: 100%;  overflow:hidden;  z-index: 3;}#site-navigation ul li {  display: inline-block;  padding: 1vh 1vw;  width:100%;}#site-navigation a {  text-decoration: none;  color: #a0b7bf;  float: left;  margin: 0 auto;}#menu-navigation {  display: block;  padding: 0.5vh 0.5vw;  margin:0;  background: #a0b7bf;  height: auto;  width: 99vw;  font-size: 3vw;}#menu-navigation ul li {  display: inline-block;  padding: 1vh 1vw;  width:21.75vw;  text-align: center;  border: 1px solid #000;}#menu-navigation ul li a {	text-decoration: none;	color: #000;}/* Maximum aspect ratio */@media (max-aspect-ratio: 15/32) {#page-header img#mutante {	height: 14vh;	padding: 3vh;}}/* Maximum aspect ratio */@media (max-aspect-ratio: 55/128) {#page-header img#mutante {	height: 13vh;	padding: 2vh;}}@media only screen and (orientation: landscape)  {#page-header img#mutante {	padding: 2vh 0 0 4vw;}#page-header {	height: 20vh;}#page-content {	height: 50vh;}#page-content #description {	padding: 5vh 20vw;}#page-content #description p {	padding: 1vh 0;	font-size: 1.5vw;}#page-image {	height: 80vh;}#restaurant-menu {	font-size: 1.5vw;	padding-top: 2vh;	}#restaurant-menu li {	padding: 2vh 0 2vh 40vw;	list-style: none;	background-image: url("media/hare.png");	background-repeat: no-repeat;	background-position: 36vw center;	background-size: 2vw;}#page-footer {	height: 30vh;	font-size: 1.25vw;}	#contact {	width: 33vw;	float: left;	padding-top: 8vh;}#social {	width: 33vw;	float: left;	margin: 0;}#social img#logo {	width: 15vw;}#hours {	width: 33vw;	float: left;	padding-top: 10vh;	margin: 0;}#space {	height: 10vh;}#site-navigation {	width: 70vw;	height: 20vh;	font-size: 5vw;}#site-navigation #main-menu {	display: block;	padding-top: 4vh;	padding-right: 4vw;}#site-navigation > label {	display: none}#site-navigation ul li {	display: inline-block;	width:auto;	float: auto;	font-size: 1.5vw;}#menu-navigation {  font-size: 1.5vw;}#menu-navigation ul li {  padding: 1vh 1vw;  width: 13.9vw;}#menu-content {	width: 60vw;}#menu-content h1 {	padding: 3vh 0;	font-size: 2.75vw;}#menu-content h3 {	font-size: 2.5vw;}#menu-content p {	font-size: 2vw;}#menu-content p.qty {	width: 36vw;	margin: 0 auto;	padding-bottom: 1vh;}#menu-content p.prices {	width: 36vw;	margin: 0 auto;	padding-bottom: 1vh;}#menu-content span.three-cols {	display: inline-block;	width: 10vw;	margin: 0 1vw;	padding: 0;}#menu-content p.gotop {	font-size: 4vw;}#menu-content img.logo {	width:20vw;}#menu-content img.clipart {	width:0.7vw;	border:0;	padding:0 0.5vw;} #menu-content-table {	width: 50vw;}#menu-content-table p {	font-size: 1vw;}#menu-content-table p span.col1 {	width: 35vw;	font-size: 1.75vw;}#menu-content-table p span.header1 {	padding: 3vh 0;	font-size: 2.5vw;	font-weight: bold;}#menu-content-table p span.col2 {	width: 7vw;	font-size: 1.75vw;}#menu-content-table p span.col3 {	width: 7vw;	font-size: 1.75vw;}#menu-content-table p.gotop {	font-size: 4vw;}}@media only screen and (min-width: 1280px)  {#page-header img#mutante {	padding: 2vh 0 0 4vw;}#page-header {	height: 20vh;}#page-content {	height: 50vh;}#page-content #description {	padding: 5vh 30vw;}#page-content #description p {	padding: 1vh 0;	font-size: 1.25vw;}#page-image {	height: 80vh;}#restaurant-menu {	font-size: 1.5vw;	padding-top: 2vh;	}#restaurant-menu li {	padding: 2vh 0 2vh 40vw;	list-style: none;	background-image: url("media/hare.png");	background-repeat: no-repeat;	background-position: 36vw center;	background-size: 2vw;}#page-footer {	height: 30vh;	font-size: 1vw;}	#contact {	width: 33vw;	float: left;	padding-top: 7vh;}#social {	width: 33vw;	float: left;	margin: 0;}#social img#logo {	width: 15vw;}#hours {	width: 33vw;	float: left;	padding-top: 10vh;	margin: 0;}#space {	height: 10vh;}#site-navigation {	width: 70vw;	height: 20vh;	font-size: 5vw;}#site-navigation #main-menu {	display: block;	padding-top: 4vh;	padding-right: 4vw;}#site-navigation > label {	display: none}#site-navigation ul li {	display: inline-block;	width:auto;	float: auto;	font-size: 1vw;}#menu-content {	width: 50vw;}#menu-navigation {  font-size: 1.5vw;}#menu-navigation ul li {  padding: 1vh 1vw;  width:14vw;}#menu-content h1 {	padding: 3vh 0;	font-size: 2vw;}#menu-content h3 {	font-size: 1.5vw;}#menu-content p {	font-size: 1vw;}#menu-content p.gotop {	font-size: 4vw;}#menu-content img.logo {	width:20vw;}#menu-content img.clipart {	width:0.7vw;	border:0;	padding:0 0.5vw;} #menu-content p.qty {	min-width: 36vw;	margin: 0 auto;	padding-bottom: 1vh;}#menu-content p.prices {	min-width: 36vw;	margin: 0 auto;	padding-bottom: 1vh;}#menu-content span.three-cols {	display: inline-block;	width: 10vw;	margin: 0 1vw;	padding: 0;}#menu-content-table {	width: 50vw;}#menu-content-table p {	font-size: 1vw;}#menu-content-table p span.col1 {	width: 35vw;	font-size: 1.5vw;}#menu-content-table p span.header1 {	padding: 3vh 0;	font-size: 2.5vw;	font-weight: bold;}#menu-content-table p span.col2 {	width: 7vw;	font-size: 1.5vw;}#menu-content-table p span.col3 {	width: 7vw;	font-size: 1.5vw;}#menu-content-table p.gotop {	font-size: 4vw;}}