@charset "utf-8";
/* CSS Document */
 
html, body {font-family: 'Roboto', sans-serif; height:100%; margin:0; padding:0; font-weight:300; color:#fff;}
h1 {margin:0; padding:0;}
.clear { clear:both;}
ul { list-style:none; margin:0; padding:0; text-align:center;}
li { display:inline; font-size:16px; letter-spacing:1px; font-weight:100; }

h2 {font-family: 'Exo', sans-serif; font-size: 32px; margin:20px 0 0 0; padding:20px 0; color:#fff; text-transform:uppercase; letter-spacing:2px; font-weight:300; text-shadow: 0px 0px 20px #000;}
p { font-size: 14px; line-height:23px; letter-spacing:1.5px;}
h2.teamhead {color:#000; text-shadow:none;}

#lahat {height:100%; /*scroll-snap-points-y: repeat(100%);
  scroll-snap-type: mandatory;
  scroll-snap-destination: 100% 0%;*/}

#topbar {text-transform:uppercase; background:#000; color:#fff; position:fixed; width:100%; height:70px; z-index:1;}
#topbar a {color:#fff; text-decoration:none;}
#topbar a:hover { color:#e4701e;}
.toggle-nav { display: none; }

.logo {position:absolute; left:48.5%; top:10px; z-index:1;}
#leftnav { position:absolute; top:25px; right:50%; width:50%;}
#leftnav li {padding-right:4%;}
#rightnav { position:absolute; top:25px; left:50%;width:50%;}
#rightnav li {padding-left:1.5%;}

.btns {font-family: 'Libre Baskerville', serif; font-style:italic; border: 10px solid transparent; text-align:center; padding:5px 0; font-size:14px;letter-spacing:1px;color:#fff;text-shadow: 0px 0px 20px #000; }
.btns2 {font-family: 'Libre Baskerville', serif; font-style:italic; border: 10px solid transparent; text-align:center; padding:5px 0; font-size:14px;letter-spacing:1px;color:#000; text-shadow:none; }

.contactbtn {float:right; margin-top:20px; margin-right:30px;border-image:url(images/contact-border.png) 10 stretch; -webkit-border-image:url(images/contact-border.png) 10 stretch; }
.readmorebtn { border-image:url(images/readmore-border.png) 10 stretch; -webkit-border-image:url(images/readmore-border.png) 10 stretch; width:100px; margin:40px auto 0 auto;}
.fullbox .readmorebtn2 { border-image:url(images/readmore-border2.png) 10 stretch; -webkit-border-image:url(images/readmore-border2.png) 10 stretch; width:100px; margin:0 auto; }
.sharebtn { border-image:url(images/share-border.png) 10 stretch; -webkit-border-image:url(images/share-border.png) 10 stretch; padding-bottom:0; width:65px; margin:auto;}
.fullbox .sharebtn2 { border-image:url(images/share-border2.png) 10 stretch; -webkit-border-image:url(images/share-border2.png) 10 stretch; padding-bottom:0; width:35px; margin:auto;}
.menubtn {border-image:url(images/menu-border.png) 10 stretch; -webkit-border-image:url(images/menu-border.png) 10 stretch; padding:10px 0; width:280px; margin:40px auto 0 auto; font-size:12px;}
.fullbox .readmorebtn2 a, .fullbox .sharebtn2 a {color:#000; text-decoration:none; text-shadow:none;}
.readmorebtn a, .sharebtn a {color:#fff;text-shadow: 0px 0px 20px #000; text-decoration:none; }

.fullpanel, .teampanel {width:100%; height:100%; }
.halfpanel {width:50%; height:100%; float:left; }

#home { background:#e4701e url("images/linebg0.jpg") no-repeat top; min-height:100%; text-align:center; background-size: cover; background-position:bottom;}

#about { background-image:url(images/about.jpg); background-size: cover; background-position:top; }
#menu { background-image:url(images/menu.jpg); background-size: cover; background-position:top; text-align:center;} 
#nielson-tower { background-image:url(images/nielson2.jpg); background-size: cover; background-position:top; text-align:center;} 
#the-grill-room { background-image:url(images/grillroom3.jpg); background-size: cover; background-position:top; }
#lounge-bar { background-image:url(images/loungebar1.jpg); background-size: cover; background-position:center; text-align:center;} 
#the-cabin { background-image:url(images/cabin.jpg); background-size: cover; background-position:top; text-align:center;} 
#garden-terrace { background-image:url(images/garden.jpg); background-size: cover; background-position:top; text-align:center;} 
#team { background:#000; background-image:url(images/teamb.jpg); background-size: cover; background-position:top; text-align:center;} 
#contact { width:100%; background:#000; padding-bottom:50px; text-align:center; }

.halfcopy {width:50%; float:left; text-align:center; color:#fff;text-shadow: 0px 0px 20px #000;}
.halfcopy img {padding:20px 0;}
.main {padding-top:10%; width:60%; margin:auto;}
#explore {position:absolute; bottom:20px; text-align:center; width:100%;}
#explore a {opacity:.7;}
#explore a:hover {opacity:1;}
.box { width:90%; margin:auto; padding-top:50px; color:#fff; text-align:center;text-shadow: 0px 0px 20px #000;  }
.box a {text-decoration:none; color:#fff;}
.box a:hover {color:#666;}

.fullbox { padding-top:50px; color:#fff; text-align:center; -webkit-appearance: none; text-shadow: 0px 0px 5px #000; }
.fullbox a {text-decoration:none; color:#fff;}
.fullbox a:hover {color:#666;}

.blackbox {background-image:url(images/gray.png); width:50%; padding-bottom:20px; margin:auto;}

.about .contents {color:#fff; text-align:center; width:50%; padding-top:50px;}

#contactcopy {width:90%; margin:auto; padding-top:50px;}
.cccleft {text-align:left; float:left; width:33%;}
.cccleft p {font-size: 14px; color:#fff;}
.cccright {text-align:center; float:right; width:33%;}
.cccright img { margin:20px;}
.cccleft a {color:#fff; text-decoration:none;}
.cccleft a:hover {color:#e4701e;}

#bottombar {background:#000; opacity:0.8; color:#fff; padding:5px; position:fixed; width:100%; bottom:0; z-index:1; text-align:center; font-size:80%;}
#bottombar a {color:#fff; text-decoration:none;}
#bottombar a:hover {color:#999;}

/*INSIDE - PRIVATE DINING*/
#pdpanel1 { background-image:url(images/privatedining.jpg); background-size: cover; background-position:top; }
#pdpanel2 { background-image:url(images/cabin.jpg); background-size: cover; background-position:top; }
#pdpanel22 { background:#2c1f13;  text-align:center;  }
#pdpanel22 p { font-size:14px;}
#pdpanel3 { background-image:url(images/privatedining3a.jpg); background-size: cover; background-position:top; }
#pdpanel3 p { text-align:center; font-size:14px;}
#pdpanel4 { width:100%; background:#000; padding:30px 0; text-align:center;  }
#pdpanel4 p { font-size:14px;}

/*INSIDE - LOUNGE*/
#loungepanel { background-image:url(images/aviation.jpg); background-size: cover; background-position:top; }
#loungepanel2 { background:#263e45;  text-align:center;  }
#loungecopy {width:80%; margin:auto;}
#loungecopy h2 {margin-top:20px;}
#loungecopy p {font-size:14px; margin:14px 0;}

/*INSIDE - TEAM*/
#colinpanel { background-image:url(images/colin-mackay.jpg); background-size: cover; background-position:top; }
#colinpanel2 {background:#1b1c28;}
#kerwinpanel {background:#63461b;}
#kerwinpanel2 { background-image:url(images/kerwin-go.jpg); background-size: cover; background-position:center; }
#jonpanel { background-image:url(images/jonathan-jimenez.jpg); background-size: cover; background-position:center; }
#jonpanel2 {background:#3a4e00;}
#jordanpanel {background:#f76600;}
#jordanpanel2 { background-image:url(images/jordan-uy.jpg); background-size: cover; background-position:center; }
.teamtext { width:90%; margin:auto; padding-top:100px; text-align:justify;}
.halfteam {width:50%; height:100%; float:left;}
.halfteam2 {width:50%; height:100%; float:right;}

/*INSIDE - NIELSON*/
#nielsonpanel1 {width:90%; height:100%; margin:auto; padding-top:100px;}
#nielsonpanel2 {width:90%; height:100%; margin:auto; }
.halfcol1 { width:48%; margin-right:3%;  float:left; text-align:justify;}
.halfcol2 { width:48%; float:left; text-align:justify;}
#npbg {background:#e36f1e;}

/*INSIDE - MENU*/
.food, .cycle-slideshow {width:100%; height:100%; overflow:hidden;}
.food img {width:100%;}
.foodhalf {width:50%; height:100%; overflow:hidden; float:left; }
.foodhalf img {width:100%;}
.foodhalfx {width:50%; height:100%; overflow:hidden; float:left; }
.foodhalfx img {width:100%;}

#day1 { background-image:url(images/menuday1.jpg); background-size:cover; width:100%; height:100%;}
#day2 { background-image:url(images/menuday2.jpg); background-size:cover; width:100%; height:100%;}
#day3 { background-image:url(images/menuday3.jpg); background-size:cover; width:100%; height:100%;}
#day4 { background-image:url(images/menuday4.jpg); background-size:cover; width:100%; height:100%;}
#day1 .copy, #day2 .copy, #day3 .copy, #night3 .copy { margin:0 65% 0 10%; padding-top:5%; text-align:center;}


#night1 { background-image:url(images/menunight1.jpg); background-size:cover; width:100%; height:100%;}
#night2 { background-image:url(images/menunight2.jpg); background-size:cover; width:100%; height:100%;}
#night3 { background-image:url(images/menunight3.jpg); background-size:cover; width:100%; height:100%;}
#night4 { background-image:url(images/menunight4.jpg); background-size:cover; width:100%; height:100%;}
#day4 .copy, #night1 .copy, #night2 .copy, #night4 .copy { margin:0 10% 0 65%; padding-top:5%; text-align:center; }
#day4 .copy h2, #day4 .copy p, #night1 .copy h2, #night1 .copy p, #tea1 .copy h2, #tea1 .copy p, #brunch2 .copy h2, #brunch2 .copy p, #brunch4 .copy h2, #brunch4 .copy p {color:#000;}

#tea1 { background-image:url(images/menutea.jpg); background-size:cover; width:100%; height:100%; background-position:center;}
#tea1 .copy, #teax .copy { width:80%; margin:auto; padding-top:5%; text-align:center;}

#brunch1 { background-image:url(images/menubrunch1.jpg); background-size:cover; width:100%; height:100%; background-position:top;}
#brunch2 { background-image:url(images/menubrunch2.jpg); background-size:cover; width:100%; height:100%;}
#brunch3 { background-image:url(images/menubrunch3.jpg); background-size:cover; width:100%; height:100%; background-position:center;}
#brunch4 { background-image:url(images/menubrunch4.jpg); background-size:cover; width:100%; height:100%;}
#brunch1 .copy, #brunch2 .copy, #brunch3 .copy, #brunch4 .copy, #brunchx .copy { width:60%; margin:auto; padding-top:5%; text-align:center;}

@media only screen and (max-width: 1152px) {
li { font-size:13px;  }
}
@media only screen and (max-width: 1024px) {
li { font-size:12px;  }
}
@media only screen and (max-width: 960px) {
li { font-size:10px;  }
.br {display:none}
.main {padding-top:100px; width:80%;}
}
@media only screen and (max-width: 768px) {
li { font-size:8px;  }
#about, #home { background-position:left; }
.about .contents { width:90%; margin:auto;}
.cccleft, .cccright {text-align:center; float:none; width:90%; margin:auto;}
}


/**/
.cd-panel-close::after, .cd-panel-close::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cd-panel-close::after, .cd-panel-close::before {
  content: '';
}
.cd-panel, .cd-panel2, .cd-panel3, .cd-panel4, .cd-panel5, .cd-panel22, .cd-panel23, .cd-panel24, .cd-panel02, .cd-panel03 {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  -moz-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
}
.cd-panel::after, .cd-panel2::after, .cd-panel3::after, .cd-panel4::after, .cd-panel5::after, .cd-panel22::after, .cd-panel23::after, .cd-panel24::after, .cd-panel02::after, .cd-panel03::after {
  /* overlay layer */
  position: absolute;
  z-index:10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}
.cd-panel.is-visible, .cd-panel2.is-visible, .cd-panel3.is-visible, .cd-panel4.is-visible, .cd-panel5.is-visible, .cd-panel22.is-visible, .cd-panel23.is-visible, .cd-panel24.is-visible, .cd-panel02.is-visible, .cd-panel03.is-visible {
  visibility: visible;
  -webkit-transition: visibility 3s 0s;
  -moz-transition: visibility 3s 0s;
  transition: visibility 3s 0s;
}
.cd-panel.is-visible::after, .cd-panel2.is-visible::after, .cd-panel3.is-visible::after, .cd-panel4.is-visible::after, .cd-panel5.is-visible::after, .cd-panel22.is-visible::after, .cd-panel23.is-visible::after, .cd-panel24.is-visible::after, .cd-panel02.is-visible::after, .cd-panel03.is-visible::after {
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: visibility 2s 0s;
  -moz-transition: visibility 2s 0s;
  transition: visibility 2s 0s;
}
.cd-panel.is-visible .cd-panel-close::before, .cd-panel2.is-visible .cd-panel-close::before, .cd-panel3.is-visible .cd-panel-close::before, .cd-panel4.is-visible .cd-panel-close::before, .cd-panel5.is-visible .cd-panel-close::before, .cd-panel22.is-visible .cd-panel-close::before, .cd-panel23.is-visible .cd-panel-close::before, .cd-panel24.is-visible .cd-panel-close::before, .cd-panel02.is-visible .cd-panel-close::before, .cd-panel03.is-visible .cd-panel-close::before {
  -webkit-animation: cd-close-1 0.6s 0.3s;
  -moz-animation: cd-close-1 0.6s 0.3s;
  animation: cd-close-1 0.6s 0.3s;
}
.cd-panel.is-visible .cd-panel-close::after, .cd-panel2.is-visible .cd-panel-close::after, .cd-panel3.is-visible .cd-panel-close::after, .cd-panel4.is-visible .cd-panel-close::after, .cd-panel5.is-visible .cd-panel-close::after, .cd-panel22.is-visible .cd-panel-close::after, .cd-panel23.is-visible .cd-panel-close::after, .cd-panel24.is-visible .cd-panel-close::after, .cd-panel02.is-visible .cd-panel-close::after, .cd-panel03.is-visible .cd-panel-close::after {
  -webkit-animation: cd-close-2 0.6s 0.3s;
  -moz-animation: cd-close-2 0.6s 0.3s;
  animation: cd-close-2 0.6s 0.3s;
}

@-webkit-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
  }
}
@-moz-keyframes cd-close-1 {
  0%, 50% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(45deg);
  }
}
@keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@-webkit-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
  }
}
@-moz-keyframes cd-close-2 {
  0%, 50% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(-45deg);
  }
}
@keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.cd-panel-header {
  position: fixed;
  width: 100%;
  height: 50px;
  line-height: 50px;
  z-index: 3;
  -webkit-transition: top 0.3s 0s;
  -moz-transition: top 0.3s 0s;
  transition: top 0.3s 0s;
}
.cd-panel-header h1 {
  font-weight: bold;
  color: #fff;
  padding-left: 5%;
}
.from-right .cd-panel-header, .from-left .cd-panel-header {
  top: -50px;
}
.from-right .cd-panel-header {
  right: 0;
}
.from-left .cd-panel-header {
  left: 0;
}
.is-visible .cd-panel-header {
  top: 0;
  -webkit-transition: top 0.3s 0.3s;
  -moz-transition: top 0.3s 0.3s;
  transition: top 0.3s 0.3s;
}

.cd-panel-close {
  position: absolute;
  z-index:10;
  top: 0;
  right: 0;
  height: 100%;
  width: 60px;
  /* image replacement */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-panel-close::before, .cd-panel-close::after {
  /* close icon created in CSS */
  position: absolute;
  z-index:10;
  top: 22px;
  left: 20px;
  height: 3px;
  width: 20px;
  background-color: #fff;
  /* this fixes a bug where pseudo elements are slighty off position */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-panel-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-panel-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.no-touch .cd-panel-close:hover {
  background-color: #fff;
}
.no-touch .cd-panel-close:hover::before, .no-touch .cd-panel-close:hover::after {
  background-color: #ffffff;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.no-touch .cd-panel-close:hover::before {
  -webkit-transform: rotate(220deg);
  -moz-transform: rotate(220deg);
  -ms-transform: rotate(220deg);
  -o-transform: rotate(220deg);
  transform: rotate(220deg);
}
.no-touch .cd-panel-close:hover::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.cd-panel-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: #000;
  z-index: 2;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

 

.from-right .cd-panel-container {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.from-left .cd-panel-container {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.is-visible .cd-panel-container {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}
/*@media only screen and (min-width: 768px) {
  .cd-panel-container {
    width: 100%;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-panel-container {
    width: 100%;
  }
}*/

.cd-panel-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*padding: 70px 5%;*/
  overflow: auto;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}
.cd-panel-content p {
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
  line-height: 1.4;
  margin: 2em 0;
}
.cd-panel-content p:first-of-type {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .cd-panel-content p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
  }
}

@media only screen and (max-width: 800px) and (orientation: portrait) {
	.halfpanel {width:100%; height:110%; }
.fullpanel {height:110%; }


	.logo {position:static; left:auto; top:auto; padding:10px 0 0 10px; float:left;}
	.topnav { margin:25px; width:auto; float:right;}
	#leftnav, #rightnav {position:static; top:auto; right:auto; left:auto; width:100%; }
	#leftnav li, #rightnav li {padding-left:0; padding-right:0; padding-bottom:5px;}
	#mainmenu {display:none; background:#000; padding:10px; }
	.toggle-nav {  cursor: pointer; display: block; text-align:right; margin-top:0; }
	/*#the-grill-room { background-position: top left; }*/

	.blackbox {width:80%;}
	.box {width:90%; margin:auto;}
	.fullbox {width:90%; margin:auto; }
	ul { text-align:right;}
	li {display:list-item; padding:0; font-size:15px;}
	.cnavi {display:list-item;}
	
	.contactbtn {display:none;}
	.fullcopy {display:block; width:80%; margin:auto;}
	.contactcopy {display:block;}



.halfcol1 { width:90%; margin-right:auto; margin-left:auto; float:none; }
.halfcol2 { width:90%; margin-right:auto; margin-left:auto; float:none; }

#team { background-size: 100% auto; background-repeat:no-repeat; } 
.teampanel {width:100%; height:80%;  }
#team .fullbox {padding-top:50%;}
h2.teamhead {color:#fff;}
#team .readmorebtn2 {border-image:url(images/readmore-border.png) 10 stretch; -webkit-border-image:url(images/readmore-border.png) 10 stretch;}
#team .readmorebtn2 a {color:#fff; }
#team .btns2 a {color:#fff;}
#team .sharebtn2 {border-image:url(images/share-border.png) 10 stretch; -webkit-border-image:url(images/share-border.png) 10 stretch; }
#team .sharebtn2 a {color:#fff;}

.halfteam {width:100%; height:100%; float:none;}
.halfteam2 {width:100%; height:100%; float:none;}	
.teamtext { padding-top:30px;}

#pdpanel22 p { width:90%; margin:auto;}
#pdpanel3 p { width:90%; margin:auto;}
#pdpanel4 p { width:90%; margin:auto;}

.foodhalfx {width:100%; height:60%; }

#day1 .copy, #day2 .copy, #day3 .copy, #night3 .copy { margin:auto; padding-top:50%; width:90%;}
#day4 .copy, #night1 .copy, #night2 .copy, #night4 .copy { margin:auto;padding-top:50%; width:90%;}

#day1, #night2 { background-size: 100% auto; background-repeat:no-repeat;}

#tea1, #brunch1 { width:80%; height:100%; margin:auto; }

#loungecopy p {font-size:12px;}
	
p { font-size: 12px; line-height:18px; }
h2 {font-size: 28px; margin:15px 0 0 0; padding:10px 0;}
/*.main {padding-top:0;}*/
h2.welcome {margin:0; padding:0;}
}

@media only screen and (max-width: 768px) and (orientation: landscape){

	.logo {position:static; left:auto; top:auto; padding:10px 0 0 10px; float:left;}
	.topnav { margin:25px; width:auto; float:right;}
	#leftnav, #rightnav {position:static; top:auto; right:auto; left:auto; width:100%; }
	#leftnav li, #rightnav li {padding-left:0; padding-right:0; padding-bottom:5px;}
	#mainmenu {display:none; background:#000; padding:10px; }
	.toggle-nav {  cursor: pointer; display: block; text-align:right; margin-top:0; }
	ul { text-align:right;}
	li {display:list-item; padding:0; font-size:15px;}
	
p { font-size: 10px; line-height:12px; }
h2 {font-size: 18px; margin:10px 0 0 0; padding:5px 0;}
h2.welcome {font-size: 18px;}
#explore a img {width:20px; height:auto;}
.tower {width:50%; margin:auto;}
.btns, .btns2 {font-size: 10px; padding:2px 0;}
.menubtn {font-size: 10px;}
.readmorebtn {margin-top:5px;}
#loungecopy p {font-size: 8px;}
.teamtext p {font-size:10px;}
}