body { font-size:14px; }
html {font-size:100%;} 
body {
	background:url(../gfx/mobile/background.jpg) no-repeat top center #000 fixed;
}
.desktop, .noMobileBanners {
	display:none;
}
.wrapper {
	width:100%; position:relative;
}
img {
	display:block;
}
.logo {
	height:70px; position:relative;
}
.mlogo, .navLogo {
	width:30%; height:auto; position:absolute; z-index:100; left:0; right:0; margin:auto;
}
.navLogo {
	display:none;
}
.menuBtn {
	position:fixed; z-index:100; height:60px; top:0;
}
.menuBtn img {
	height:60px;
}
.menuBtnBackground {
	background:#000; opacity:0.75;
}
.slider {
	min-height:180px;
}
.headerContact {
	text-align:right; font-size:80%; line-height:110%; 
	position:absolute; z-index:9999; top:20%; right:3%;
}
.headerContact span {
	display:block; opacity:0; height:3px;
}
/*nav*/
.nav {
	height:100%; width:100%; position:fixed; z-index:50; top:0; overflow-x: hidden; display:none;
	 background:url(../gfx/mobile/background.jpg) no-repeat top center fixed;
}
nav {
	width:100%; height:100%; position:fixed; overflow: hidden;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.34);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.34);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.34);
}
nav ul {
	margin-bottom:0; padding:10px 0 75px 0; clear:both; width:100%; background:#000;
}
nav li {
	line-height:40px; font-size:20px; margin:0 10px; position:relative;
}
nav li a, nav li a:hover {
	color:#fff;
}
.contactIcons {
	padding:25% 0 0 0; width:100%;
}
.contactBtns a {
	width:25%; display:block; float:left; position:relative;
}
.contactBtns img {
	width:100%; height:auto;
}
.contactBtns a span {
	  display:block; position:absolute; bottom:5%; text-align:center; width:100%; 
	  color:#fff; font-size:16px;
}
.menuClose {
	position:absolute; bottom:2%; right:5%; text-align:right;
	font-family:'Great Vibes',sans-serif; font-size:130%;
}
.menuClose a {
	color:#fff;
}
/*index*/
h1 {
	line-height:50px; font-size:220%; color:#cdd2d9; text-align:center; padding:10% 0 2% 0;
}
h1.home {
	padding:0 0 10px 0;
}
h2 {
	color:#9b5bf7; font-size:180%; padding:3% 0 5% 0; text-align:center;
}
h3 {
	color:#9b5bf7; font-size:130%; margin:5% 20px;
}
p {
	font-size:100%;
}
.homeContacts {
	padding:7% 5% .5% 5%; width:90%; margin:0; background:#2c2c2c; color:#fff;
}
.homeContacts h3 {
	margin:0 0 7% 0;
}
.homeContacts p {
	margin:0 5% 7% 0;
}
.bars:first-child {
	margin-top:5px; clear:both;
}
.bars img {
	width:100%; height:auto;
}
.slider img {
	width:100%; height:auto;
}
iframe {
	width:100%; height:auto; min-height:160px;
}
.txtBlock1 {
	padding:8% 0 1% 0;
}
.txtBlock2 {
	padding:3% 0 1% 0;
}
.latestPhotos {
	padding:0 0 10% 0; text-align:center;
}
/*layout*/
.events p {
	margin:0;
}
.events img {
	width:100%!important; height:auto!important;
}
/*forms*/
.contactPage {
	height:auto; padding:10%; width:80%; margin:10% 0 0 0;
}
.contactForm {
	background:#2c2c2c; padding:10% 0; margin-top:10%;
}
.contactForm p {
	text-align:center;
}
input,textarea {
	width:84%; margin:0 auto 5% auto; height:23px; line-height:29px; padding:0 2%; background:#fff; 
	color:#000; border:3px solid #fff; font-size:18px; font-weight:400; display:block;
}
.error {
	border:3px solid #fc2736;
}
#error {
	display:none; text-align:center; color:#fc2736; padding-bottom:7px;
}
label {
	text-align:center; width:100%; color:#fff; padding:2% 0; display:block;
	font-family:'Great Vibes',sans-serif; font-size:180%;
}
textarea {
	height:130px;
}
.submitBtn {
	clear:both;
}
#ThankYou, #booked {
	padding:50% 0 40% 0; font-size:18px; text-align:center; color:#aca8a1; display:none;
}
/*packages*/
.packages {
	background:#2c2c2c; margin-top:15px; padding:20px 0;
}
.packages h3 {
	margin:0 20px 40px 20px;
}
/*gallery*/
.mobileYears {
	padding-bottom:3%;
}
h1.galleryh1 {
	padding-top:0;
}
h2.photoh2 {
	text-align:left; padding:3% 0 3% 7%;
}
.galleryYears {
	padding-left:1%;
}
a.ga {
	background:url(../gfx/galleryarrow.png) no-repeat left center; padding-left:15px; color:#fff;
}
a.ga:hover {
	color:#a29dfc; background:url(../gfx/galleryarrowover.png) no-repeat left center;
}
.galleryYears a.ga {
	margin:4% 0 7% 8%; font-size:120%; display:block; background-size:8%;
}
.gallery div.photoclear {
	height:1px; clear:both; float:none; width:100%; margin:0;
}
.back2Gallery {
	font-size:120%;
}
.dateMenu {
	clear:both;
}
.dateMenu h2 {
	float:left; width:40%; padding:0 5% 0 5%; font-family: 'Roboto', sans-serif; color:#fff; 
	font-size:120%; text-shadow:none; text-align:right;
}
.dateMenu h2:first-child {
	text-align:left;
}
.photoGallery {
	padding-top:2%;
}
.back2Gallery {
	margin-left:5%; text-transform:uppercase;
}
.dateTitle {
	padding:25px;
}
.days {
	margin-left:10%; display:none; font-size:120%; padding-top:2%;
}
.imgNum {
	text-align:center; padding:5% 0; font-family:'Great Vibes',sans-serif; font-size:36px;
}
.photoGallery div.photoLinks {
	clear:both; width:100%; height:auto; float:none; margin:0; text-align:center; padding:15px 0 50px 0;
	color:#fff; font-family:'Great Vibes',sans-serif; font-weight:bold; font-size:48px;
}
.photoGallery div.photoLinks img {
	border:none; display:inline;
	-webkit-box-shadow:0 0 0 0;
	-moz-box-shadow:0 0 0 0;
	box-shadow:0 0 0 0;
}
.photoGallery div.photoLinks a {
	color:#fff; font-size:36px; font-weight:normal;
}
.photoGallery div.photoLinks a:hover {
	color:#fff;
}
/* package booking */
.pckHeader {
	text-align:center;
}
.pckHeader img {
	width:100%; height:auto;
}
.tblCart {
	width:100%;
}
.tblCart th, tr.packTotal td.totalOrder {
	color:#fff; padding:5px 5px 5px 5px;
}
.tblCart th {
	width:18%; text-align:center; font-size:15px;
}
.tblCart th.th1 {
	width:0%; padding:0;
}
.tblCart td {
	color:#fff; text-align:center; line-height:18px; padding:2% 0;
}
.tblCart td.select {
	font-size:40px; font-weight:bold; width:25%; padding-right:3%;
}
.tblCart td.select a:first-child {
	color:#fff; font-weight:normal;
}
tr.packRow td {
	background:#383737;
}
tr.packTotal td.totalOrder {
	padding:15px 18px 0 0; text-align:right; font-weight:400; font-size:15px;
}
tr.packTotal td.reset {
	padding:15px 18px 0 0;
}
input[type="number"] {
	width:40%;
}
.tblRestaurantForm, .tblPackageForm {
	margin-top:10%;
}
#bookSubmit, .submitBtn {
	text-align:center; clear:both; padding:5% 20px;
}
#bookSubmit a, .submitBtn a {
	font-family:'Great Vibes',sans-serif; font-size:180%; color:#fff;
	background:url(../gfx/arrowgallery.png) no-repeat 0 2px; padding:0 20px;
	background-size:12%;
}
#bookSubmit a:hover, .submitBtn a:hover {
	color:#a29dfc; background:url(../gfx/arrowgalleryover.png) no-repeat 0 2px;
	background-size:12%;
}
.purple {
	color:#9b5bf7;
}
.plus {
	padding:0 0 0 10px;
}
.crest h3 {
	margin-left:20px;
}
h2.book {
	padding:15px 0 25px 0;
}
h2.book a {
	color:#9b5bf7; background:url(../gfx/restaurantarrow.png) no-repeat 0 3px; padding-left:15px;
	background-size:10px;
}
h2.book a:hover {
	color:#a29dfc; background:url(../gfx/restaurantarrowover.png) no-repeat 0 3px; 
	background-size:10px;
}
.menuWrapper {
	width:95%; margin:auto;
}
.menus {
	float:left; width:50%; text-align:center;
}
.restaurant {
	width:100%!important; float:none!important; padding-bottom:5%;
}
/*swipeshow*/
.latestPhotos {
	width:100%;
}
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden; height:auto!important;
  position: relative; padding:0!important; margin:0!important;
}
.swipe-wrap > div {
  float:left; position:relative;
  width:100%; height:auto!important; padding:0!important; margin:0!important;
}
.swipe-wrap > div img {
	width:100%; height:auto; margin:0; max-width:none; max-height:none;
}
.slick-slide img {
	width:90%; margin:0 5%; height:auto;
}
.slickBanners .slick-slide img {
	width:100%; margin:0; height:auto;
}
/*orders*/
table.tblOrder {
	margin-top:15px!important; width:90%; margin:auto;
}
.tblOrder th {
	font-weight:bold; text-align:right; color:#000; padding:7px;
}
.tblOrder td td {
	color:#000; padding:7px;
}
td.orderContacts {
	background:#cdd2d9; padding:20px 0 10px 0;
}
.orderContactName {
	background:#bdace3; width:50%;
}
.paypalLogo img {
	padding:10% 0; margin:auto;
}
.tblOrder .submitBtn {
	text-align:center; padding:9% 0 5% 25px;
}
.tblOrder .submitBtn a {
	background-size:8%;
}
.orderSpacer {
	height:130px;
}
.gmap {
	height:300px; width:100%;
}
/*events*/
.eventsTitle {
	line-height: 35px; padding: 20px 0 0 0;
}
.eventsWrapper {
	margin: 15px 0; padding: 30px 0; background: #000; overflow: hidden;
}
.eventsText {
	text-align: center;
}
.eventsImg {
	padding: 0 10px 0 20px;
}
.eventsImg img {
	margin: auto; width: 100%; height: auto;
}
.eventsText h3 {
	margin: 0 10px 16px 10px; font-family: 'Oswald', sans-serif; font-size: 50px; line-height: 55px; color: #fff; text-transform: uppercase; font-weight: 700;
}
.eventsText h4 {
	font-family: 'Oranienbaum', serif; font-size: 40px; line-height: 43px; margin: 0 10px 16px 10px; color: #a29dfc;
}
.eventsText p {
	margin: 0 10px 7px 0;
}
.row2 .eventsText, .row2 .eventsImg {
	float: right; width: 100%;
}
/*extras*/
@media screen and (min-resolution: 2dppx) { 
p {font-size:120%;}
h1 {font-size:280%;}
h2 {font-size:240%;}
h3 {font-size:160%;}
iframe {min-height:210px;}
h2.book a,h2.book a:hover {background-size:15px;padding-left:20px;}
tr.packTotal td.totalOrder {padding:15px 26px 0 0; text-align:right;}
label {font-size:200%;}
#bookSubmit a, .submitBtn a {background-size:13%; font-size:200%; padding-left:24px;}
.dateMenu h2,.back2Gallery {font-size:150%;}
h1.galleryh1 { padding-top:2%;}
.logo {height:90px;}
.galleryYears a.ga, .days {font-size:140%;}
}