@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:none;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body {
  font-size: 1em; 
  line-height: 1.5;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
  color: #1a1d1b;
  background-color:#0033a1; /* Footer color */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing:grayscale;
  }
 
.wrapper {
	width:100%;
	float:left;
	background:#f1f1f1; /* page color */
	min-height:400px;
    border-bottom: #f5a800 2px solid;
}

header { background-color:#0033a1; position: relative; }


@media only screen and (max-width: 767px) {
	header .logo { display:block; margin:10px auto; }
}
  
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container { max-width: 85vw; margin-left: auto; margin-right: auto; }

/*--- Vertical Alignment ---*/
.container.vertBase { align-items: baseline; }
.container.vertEnd { align-items: flex-end; }
.container.vertStart { align-items: flex-start; }
.container.vertCenter { align-items: center; }
.container.vertstretch { align-items: stretch; }
div.vertBase { align-self: baseline; }
div.vertEnd { align-self: flex-end; }
div.vertStart { align-self: flex-start; }
div.vertCenter { align-self: center; }
div.vertstretch { align-self: stretch; }


@media only screen and (min-width: 767px) {
	header, footer, .container, .nested, .heroLoc { width: 100vw; display: flex; flex-direction: row; flex-wrap: wrap; }
	.container { max-width: 900px; }
	.one,.two,.three,.four,.five,.six,.seven,.eight,.nine,.ten,.eleven,.twelve { box-sizing: border-box; padding: 10px 20px; }
	.one { flex-grow: 1; flex-basis: calc(100%/12); max-width: calc(100%/12); }
	.two { flex-grow: 2; flex-basis: calc((100%/12)*2); max-width: calc((100%/12)*2); }
	.three { flex-grow: 3; flex-basis: calc((100%/12)*3); max-width: calc((100%/12)*3); }
	.four { flex-grow: 4; flex-basis: calc((100%/12)*4); max-width: calc((100%/12)*4); }
	.five { flex-grow: 5; flex-basis: calc((100%/12)*5); max-width: calc((100%/12)*5); }
	.six { flex-grow: 6; flex-basis: calc((100%/12)*6); max-width: calc((100%/12)*6); }
	.seven { flex-grow: 7; flex-basis: calc((100%/12)*7); max-width: calc((100%/12)*7); }
	.eight { flex-grow: 8; flex-basis: calc((100%/12)*8); max-width: calc((100%/12)*8); }
	.nine { flex-grow: 9; flex-basis: calc((100%/12)*9); max-width: calc((100%/12)*9); }
	.ten { flex-grow: 10; flex-basis: calc((100%/12)*10); max-width: calc((100%/12)*10); }
	.eleven { flex-grow: 11; flex-basis: calc((100%/12)*11); max-width: calc((100%/12)*11); }
	.twelve { flex-grow: 12; flex-basis: 100%; }
	
	.offset-one { margin-left: calc((100%/12)*1); }
	.offset-two { margin-left: calc((100%/12)*2); }
	.offset-three { margin-left: calc((100%/12)*3); }
	.offset-four { margin-left: calc((100%/12)*4); }
	.offset-five { margin-left: calc((100%/12)*5); }
	.offset-six { margin-left: 50%; }
	.offset-seven { margin-left: calc((100%/12)*7); }
	.offset-eight { margin-left: calc((100%/12)*8); }
	.offset-nine { margin-left: calc((100%/12)*9); }
	.offset-ten { margin-left: calc((100%/12)*10); }
	.offset-eleven { margin-left: calc((100%/12)*11); }
	
	.one-third { flex-grow: 1; flex-basis: calc(100%/3); max-width: calc(100%/3); }
	.two-third { flex-grow: 2; flex-basis: calc((100%/3)*2); max-width: calc((100%/3)*2); }
	.one-third.offset { margin-left: calc((100%/3)*2); }
	.two-third.offset { margin-left: calc(100%/3); }
	.one-third.offset.centered { margin-left: calc(((100%/3)*2)/2); }
	.two-third.offset.centered { margin-left: calc((100%/3)/2); }

	.four.margin10 { flex-grow: 4; flex-basis: calc((100%/12)*4 - 20px); max-width: calc((100%/12)*4 - 20px); margin: 0 10px; }
}

.clear::before, .clear::after {
	content: '';
	clear: both;
	width: 100%;
	height: 1px;
	display: block;
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Font Awesome */
/*.iconFont, .iconFontLarger		{ font-family: FontAwesome; font-style: normal; font-weight: normal; font-variant: normal; }
.iconFontLarger					{ font-size:2.8em; vertical-align:-.2em; }*/

h1, h2, h3, h4, h5, h6 { margin-top: .5em; margin-bottom:.2em;  color: #1a1d1b; font-family: 'Open Sans', sans-serif; letter-spacing: -0.02em; }

h1 { font-size: 2.1em; line-height: 1.2; font-weight: 700; }
h2 { font-size: 1.5em; line-height: 1.25; font-weight: 400; }
h3 { font-size: 1.2em; line-height: 1.3; font-weight: 700;  }
h4 { font-size: 1.2em; line-height: 1.35; font-weight: 700; }
h5 { font-size: 1.0em; line-height: 1.5;  font-weight: 700; }


h2:first-child {margin-top: 0;}

p {margin: 0 0 .6em 0;}

.smallText {
	font-size: 11px;
	color: #999;
	margin:2px 0 2px 0;
	line-height:normal;
}

.smaller {font-size:80%;}
.larger {font-size: 125%;}
.extraLarge {font-size:3em;}
	
.alignCenter	{text-align:center;}
.alignLeft		{text-align:left;}
.alignRight		{text-align:right;}
.alignLeftMobileCenter		{text-align:left;}
.alignRightMobileCenter		{text-align:right;}
.alignTop		{vertical-align: top;}

.colorGray {color:#8B8B8B;}


@media only screen and (max-width: 767px) {
	.alignLeftMobileCenter		{text-align:center;}
	.alignRightMobileCenter		{text-align:center;}
}


sup {font-size:50%;vertical-align: super;}
sub {font-size:50%;vertical-align: sub;}

.nowrap {white-space:nowrap;}

blockquote {
	width:90%;
	padding:.1em 4%;
	margin:20px auto 20px 0;
	border-left:4px solid #666666;
	font-style:italic;
}

blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5 {margin:0 0 0.2em 0; color:#666666; font-style:normal;}


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {list-style: disc outside; }
ol {list-style: decimal outside; }
ol, ul { margin-top: 0; }
ul ul, ul ol, ol ol, ol ul {margin: .5em 0;  }
li {margin-bottom: .5em; }

ul.plainList {list-style:none;margin-left:0;}

ul.plainList li {
	list-style:none;
	padding-left:0;
	margin:5px 0 5px 0;
	line-height: 1.2;
	}


/* Images
------------------------------------------------------- */
img.scale-with-grid, .editor img {max-width: 100%; height: auto; }	
		
.photoRight 		{float:right; margin:4px 0 4px 6px;}
.photoLeft  		{float:left; margin:4px 6px 4px 0;}
.photoRightBorder 	{float:right; margin:6px 0 6px 8px; padding:2px; border:#b0b0b0 1px solid;}
.photoLeftBorder  	{float:left; margin:6px 8px 6px 0; padding:2px;  border:#b0b0b0 1px solid;}


/* Links
--------------------------------------------------------- */
a {transition:all .2s;}
a:link, a:visited 			{color: #0033a1; text-decoration: none;}
a:hover, a:focus, a:active	{color: #f5a800; text-decoration: none; }
a img {border: 0; }
p a, ul a { font-family: 'Open Sans';  }
a.imageFadeLink {transition:all .3s;}
a.imageFadeLink:link, a.imageFadeLink:visited { opacity:1.0;}
a.imageFadeLink:hover, a.imageFadeLink:focus, a.imageFadeLink:active {opacity:.6;}

a:link.whiteLink, a:visited.whiteLink 			            {color: #ffffff; text-decoration: none;}
a:hover.whiteLink, a:focus.whiteLink, a:active.whiteLink	{color: #f5a800; text-decoration: none; }


/* Main Menu
---------------------------------------------------------- */
ul#mainMenu {
	position: relative;
	width:100%;
	padding: 10px 0;
	margin:0;
	text-align: right;
    list-style:none;
    display: flex;
    justify-content: space-between;
    }
	
#mainMenu li {
	position: relative;
	display: inline-block;
    text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
    margin:0 20px;
    padding:0;
    }
	
#mainMenu a {
    display:block;
	padding:8px 10px;
	transition:all .3s;
    }

#mainMenu li:first-child { margin-left: 5px; }
#mainMenu li:first-child a {padding-left: 0;}
#mainMenu li:last-child { margin-right: 5px; }
#mainMenu li:last-child a {padding-right: 0;}
#mainMenu a:hover::before { opacity: 1; }

#mainMenu a:link, #mainMenu a:visited, #topnav a:link, #topnav a:visited {color:#ffffff; background-color: transparent; text-decoration: none; font-family: 'Open Sans',sans-serif;}
#mainMenu a:hover, #mainMenu a:active {color:#f5a800; text-decoration: none;}
#mobileMenuTrigger {display:none;}





/* Standard Form 
---------------------------------------------------------- */

fieldset {margin:10px 0; padding:0;}

form.standard {
	margin-bottom: 20px; }
.standard fieldset {
	margin-bottom: 20px; }
.standard input[type="text"],
.standard input[type="password"],
.standard input[type="email"],
.standard textarea,
.standard select {
	border: 1px solid #ccc;
	padding: 6px 4px;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #777;
	margin: 0;
	width: 300px;
	max-width: 90%;
	margin-bottom: 10px;
	background: #fff; }
.standard select {
	padding: 4px; margin-top:1px;}
.standard input[type="text"]:focus,
.standard input[type="password"]:focus,
.standard input[type="email"]:focus,
.standard textarea:focus {
	border: 1px solid #aaa;
	color: #444;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2); }
.standard textarea {
	min-height: 80px; }
.standard label,
.standard legend {
	display: block;
	font: bold 13px Arial, Helvetica, sans-serif;
    margin-bottom: 4px;
    margin-top: 10px;
}
.standard select {
	width: 220px; }
.standard input[type="checkbox"] {
	display: inline; }
.standard label span,
.standard legend span {
	font-size: 13px;
	color: #444; }


.multirow {
	width:100%;
	float:left;
	clear:both;
}

.multirow input.short, .multirow select.short {
	width:60px;
	float:left;
	margin-right:10px;
}

.multirow input.medium, .multirow select.medium {
	width:200px;
	float:left;
	margin-right:10px;
}	

input.short, select.short {
	width:60px !important;
}

input.medium, select.medium {
	width:200px !important;
}		

form.standard p.supplementalInfo {
	margin:-13px 0 15px 0;
	font-size:80%;
}

form.standard  label.error {
	margin:-6px 0 15px 0;
	color:#d10109;		
}

.multirow label.error {
	display:inline-block;
	clear:both;
}

form.standard  input.error, form.standard  select.error {
	background-color:#fefee8;
}	

label.error { float: none;
	color: red;
	vertical-align: top;
	margin:4px 0 0 0;
	padding:0;
	width: 250px;
	text-align:left;
}


/* #Buttons
---------------------------------------------------------- */
.button, a.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		display:inline-block;
		font-family: 'Open Sans', sans-serif;
        font-weight: 700;
		font-size:1.3em;
		padding: 10px 20px;
		line-height:1.3em;
		width: auto;
		margin: 4px 0;
		text-transform: uppercase;
 		text-decoration: none;		border: none;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		transition:all .2s;
		box-sizing: border-box;
		color: #ffffff;
		background: #86161f;
		}
		

.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		background:#86161f;
		border:none;
		color: #ffd52d;
		}
		
a:link.button, a:visited.button {color: #ffffff; background-color:#86161f; text-decoration: none; transition:all .2s;}

a:hover.button, a:focus.button, a:active.button { color: #ffd52d; background-color:#86161f; text-decoration: none; }		
		
.button.large, a.button.large,
	button.large,
	input[type="submit"].large,
	input[type="reset"].large,
	input[type="button"].large {
		font-size:1.3em;
		line-height:1.4em;
		padding: 10px 25px;
		max-width:100%;
		overflow:hidden;
		white-space:nowrap;
		 }	



/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2em .5em;
  margin: 0 .2em;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Margin
------------------------------------------------------- */
.noMargin       {margin:0;}
.noMarginTop    {margin-top:0;}
.noMarginBottom {margin-bottom:0;}

.marginTop5     {margin-top:5px;}
.marginTop10    {margin-top:10px;}
.marginTop20    {margin-top:20px;}
.marginTop40    {margin-top:40px;}

.marginBottom5  {margin-bottom:5px;}
.marginBottom10 {margin-bottom:10px;}
.marginBottom20 {margin-bottom:20px;}
.marginBottom40 {margin-bottom:40px;}

.marginVert5     {margin-top:5px; margin-bottom:5px;}
.marginVert10    {margin-top:10px; margin-bottom:10px;}
.marginVert20    {margin-top:20px; margin-bottom:20px;}
.marginVert40    {margin-top:40px; margin-bottom:40px;}

.paddingVert20 { padding: 20px 0; }
.noPadding { padding: 0; }

@media only screen and (min-width: 767px) {
	.paddingLeft40 { padding-left: 40px; }
}
/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width		{width: 100%; box-sizing: border-box; }
.u-max-full-width	{max-width: 100%;box-sizing: border-box; }
.u-block			{width: 100%; box-sizing: border-box; float:left; clear:both;}
.floatLeft			{float:left;}
.floatRight			{float:right}
.noDisplay			{display:none;}
.clearDiv			{clear: both;width:100%; height:1px;}



/* Footer
---------------------------------------------------------- */
footer {
	color:#ffffff;
	font-size:90%;
	clear:both;
	padding:20px 0;
	}
	
footer a:link, footer a:visited {color:#ffffff; text-decoration: none;}
footer a:hover, footer a:active {color:#f5a800;	 text-decoration: none;}

.copyright {color:#627eba; text-align:center; font-size:85%; margin:10px 0;}

.copyright a:link, .copyright a:visited {color:#627eba; text-decoration: none;}
.copyright a:hover, .copyright a:active {color:#f5a800;	 text-decoration: none;}


footer #connect { width: 100%; }
footer i { font-size: 3em; margin: 0 3px; }


::placeholder { color: #313131; }

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 1em;
  margin-bottom: 1em;
  border-width: 0;
  border-top: 1px solid #f5a800; }

/* Multiple Column UL */
.multi-col2 {clear:both;-webkit-columns: 2 380px;-moz-columns: 2 380px;columns: 2 380px; width:100% !important; column-gap: 70px; list-style: disc inside; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Google Reviews
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.review-item { /*border: 1px solid #c2c0b5;*/ border-radius: 6px; }
.review-item ul { padding: 0; margin: 0; }
.review-item li{ display: inline-block; margin: 0; }
.review-item li::before {
	content: '\f005';
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
	font-size: 1.5rem;
	color: #ffd52d;
	margin: 0 3px;
}
.review-author { border-top: 1px solid #86161f; padding-top: 3px; margin-top: 3px; }
.review-date { font-size: 0.8em; }

/* Custom Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.fullBlock {
	width:100%;
	float:left;
	box-sizing:border-box;
	padding:20px 0;
	background-color:#BDBABB;
}

.sprite { display: none; }

.bgWhite { background-color: #fff; }
.bgYellow { background-color: #ffd52d; }
.bgMaroon { background-color: #86161f; }
.bgGreen { background-color: #86816b; }
.bgBlack90 { background-color: rgba(9,47,58,.9); }

.colorWhite { color: #fff; }
.colorBlack { color: #1a1d1b; }
.colorMaroon { color: #86161f; }
.colorGreen { color: #86816b; }

.hero { position: relative; height: 300px; background: url(../images-index/tiles.jpg) no-repeat center center / cover; }
.hero.tall { height: 550px; }
.hero .bgBlack90 { position: absolute; bottom: 0; box-sizing: border-box; padding: 10px 0; width: 100%; }
.hero p { max-width: 700px; margin: 10px auto; text-align: center; font-size: 1.1em; }
.hero h1 { color: #fff; text-align: center; position: relative; bottom: -55%; text-shadow: 3px 3px 5px rgba(0,0,0,0.5); margin: 0; z-index: 99; }
.hero.tall h1 { bottom: -33%; }

.heroLoc { position: absolute; top: 0; height: 100%; background: #000; }
.heroLoc div {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    opacity: .5;
}

#topnav ul { list-style: none; margin: 0; font-weight: 600; }
#topnav li { display: inline-block; margin: 0; border-right: 2px solid #ffd52d; padding: 0 10px; line-height: 1; }
#topnav li:last-child { border-right: none; padding-right: 0; }

.button.rooms:before { content: 'See the Rooms'; }
.button.book:before { content: 'Book Now'; }
.button.gift:before { content: 'Buy a Gift'; }
.button.redeem:before { content: 'Redeem'; }
h2 .button, h3 .button, h4 .button {
	font-size: 1rem;
	position: relative;
	top: -5px;
	margin-left: 25px;
}

.imgLeft,.imgRight, .room {
	background-repeat: no-repeat;
	background-size: 50%;
}
.imgLeft, .room:nth-child(2n) {
	background-position: 0 center;
}
.imgRight, .room:nth-child(2n+1) {
	background-position: 100% center;
}


a[href^="tel"] { font-weight: 700; font-family: 'Open Sans'; }

.question:nth-child(2n) { background-color: #fff; }
.question h6 { text-transform: none; margin-bottom: 0; line-height: 1.3; }

.room h6+p { font-weight: 700; font-size: .8em; }
.room .button { margin: 20px 0 30px; }

.map, .reviews { height: 425px; background: #ccc; }

.panegroup { margin-left: 30px; }
.panegroup h6 { position: relative; }
.panegroup h6:hover { cursor: pointer; }
.panegroup h6:before {
	position: absolute;
	content: '\f055';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #86161f;
	left: -30px;
	transition: all .5s;
}
.panegroup h6.open:before { color: #86816b; transform: rotate(180deg); }
.panegroup h6+div { display: none; }

.bold { font-weight: 700; }

/* fix TripAdvisor Widget width */
.cdsROW.wide { width: 100% !important; }


/* --------- */

header .logoBlock {
    width: 100%;
    display: float;
    border-bottom: #4066b9 1px solid;
    padding-bottom: 10px;
}

header {border-bottom: #f5a800 2px solid;}

header .logoBlock img {float: left; margin: 10px 0 0 0; }

header .logoBlock p {
    float: right;
    margin: 20px 0 0 0;
    color: #ffffff;
    font-size: 1.2em;
}

.hero {
    background:url("../images-index/downtown-pensacola.jpg") no-repeat center bottom;
    background-size: cover;
    width: 100%;
    height: 474px;
    position: relative;
}

.RotaryFeed p::after { content: "…"; }
.RotaryFeed p {margin: 0;}
.faceboollinks {
	font-size:85%;
	margin:3px 0;
	clear:both;
}


	/* #Media Queries
================================================== */

	.mobileOnly, #mobileMenuTrigger {display:none;}



	@media only screen and (min-width: 768px) {
		.room:nth-child(2n) .six { padding-left: 30px; margin-left: 50%; }
		.room:nth-child(2n+1) .six { padding-right: 30px; margin-right: 50%; }
		.submenu { display: none; position: absolute; width: 100%; top: calc(4.2em + 36px); z-index: 999; border-bottom: 3px solid #86161f; }
		.submenu .four { border-right: 1px solid #86161f; margin-top: 130px; }
		footer img { max-width: 85%; }

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
        
        header .container {padding: 0 20px 0 10px;}
		
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		
		.hideMobile {display:none;}
		
		.mobileOnly {display:block;}
		
        
        header .logoBlock p {display: none;}
        header .logoBlock {border: none;}
        header .logoBlock img {padding-bottom: 10px; }
        
        
		.mobileCenter {text-align:center;}	
		
		.wrapper {overflow:hidden;}	
		
		#mobileMenuTrigger {
			display:block;
			position:fixed;
			top:0;
			right:0;
			padding:8px 15px;
			background-color:#0033a1;
			z-index:1000;
			border-bottom-left-radius: 3px;
			font-size: 1.5em;
		}
        

						
		ul#mainMenu {
			display:fixed;
			position: absolute;
			background:#0033a1;
			width:auto;
			max-width:20em;
			right:0;
			top:0;
			font: 1.5em/normal sans-serif;
			margin:0 0 0 0;
			list-style:none;
			z-index:999;
			box-sizing:border-box;
			padding:40px 15px 20px 20px;
			border-bottom-left-radius: 12px;
            flex-direction: column;
			}
			
		#mainMenu li {
			float:none;
			margin:0;
			padding:0;
            position: relative;
			}
			
		#mainMenu a {
			display:block;
			padding:8px 20px;
			transition:all .3s;
			}
			
		#mainMenu a:link, #mainMenu a:visited {color:#ffffff; background-color: transparent; text-decoration: none;}
		#mainMenu a:hover, #mainMenu a:active {color:#f5a800; background-color: transparent; text-decoration: none;}
		#topnav { padding: 10px 0; }
		#topnav li { border: none; }
		.submenu { display: none; }
		
		.hero .bgBlack90 p { margin: 20px; }
		.index #tryptich .four { margin: 40px 0; }
			
		.imgLeft, .room:nth-child(2n) { background-position: 0 0; background-size: 100%; padding-top: 80vw; }
		
		#contactBar .four { display: block; }
		
		header img { max-width: 85%; }
		footer img { width: 40%; margin: 30px 0; }
				
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		
	}