html{color:#3b444b;font-size:16px;font-family:Arial,Helvetica,sans-serif;font-weight:normal;background:#B0C4DE;}
.page{height: 100%;max-width:1500px;margin:auto;position:relative;background-color:white;}
.logo{display:flex;height:100%;width:100%;background-repeat:no-repeat;}
.menu-section{padding:.13rem 0 .11rem 0;}
.menu a{text-decoration: none; text-transform:uppercase;display:block;color:white; margin-bottom:-1px;}
.top-nav{display:flex;flex-wrap:nowrap;justify-content:space-around;background:#54026F;}
.top-nav a{padding: .5rem 0 .5rem 0;}
.top-nav a:hover{background:#54026F;}
.content a{color:#54026F;}
.content a img:hover{color:#2C4826;}
.content a:active{color:orange;text-decoration: none;}
/* FOOTER */
footer{
  background-color:#2C4826;
  color: white;
}
.foot-mixed{display:flex;flex-wrap:nowrap;justify-content:space-between;}
.foot-mixed a:hover{background:#2C4826;text-decoration:underline;}
.foot-left a{padding: .8em 3em;}
.foot-right a{padding: .8em 3.5em;justify-content:flex-end;}
.footnote{padding:0 10px 10px 10px;}
.showFaq {padding: 8px;cursor:pointer;text-decoration: underline;color: #54026f;}
.showFaq:hover{color:#2c4826;}
.showFaq:active{color: orange;}

.intro{padding: .5em .5em .2em .5em;}
/* HOME PAGE */
.update{text-align: center; padding: .3rem; }
.update p{line-height: 120%;}
.center{align-items: center; text-align:center;margin:0.125rem;}
/*Bed image div*/
.homeHead{position:relative; height: 150px;}
.homeHead img{ opacity:0.20;}
/*Book now lettering div*/
.homeHeadFont{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.homeHeadFont {width: 100%;}

/* SVG Boxes */
.homes{display:flex;flex: 1 1 auto;flex-wrap:wrap;justify-content:space-around;}
.homes a {padding: 20px 0px} 
.home{position: relative;}
.home img{opacity:0.2; max-width: 60%;}
.homeFont{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/* .save{text-decoration: none;} */

/*EXPLORE ASHEVILLE*/
.exploreasheville{float: right; vertical-align: top; padding: 1px; margin-right: .5em;}

/*CHECKFRONT*/
#reserve{height: 100%}

/* RESERVE */
#resbottom{display:flex; flex-wrap:wrap; justify-content: space-around;}
.reschild {padding: .5rem}
.reschild p{font-size:.94rem; width: 19rem;}

/*CAMERA*/
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px; height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*CONTACT*/
.contacts{display:flex;flex-wrap:wrap;justify-content:space-around;align-items: center;}
.contact{padding: 1em;}
/*PICS*/
.pictures{display:flex;flex-wrap:wrap;justify-content:space-around;align-self: center; margin:0; padding: 0;}
.left{text-align:left;margin-top:2px;margin-right:10px;margin-left:10px;margin-bottom:5px;}
/*REVIEWS*/
.reviews{padding: 0 2em;}
#writereview {font-size: 1.5em;}
/*FAQ*/
.faqs-container{display:flex;flex-wrap:wrap;}
.terms{padding:.5em;}
.term ul{list-style-type:square}
.faq-column{max-width: 300px; min-width: 200px;}

/* .faq-column{width: 250px;} */

.faq-column h2{text-align:center; padding:9px;}
.faq-content h4{text-align:center;}
.faq-content h5{text-align:center;}
.faq-content h6{text-align:center;}
.faq-content{margin:.7em;}
.faq-content ul p{font-size: 1em;}
/*ABOUT*/
.abouts{display:flex;flex-wrap:wrap;justify-content:space-around;}  
.about{padding: .1rem;width:355px;}
.about-content{padding: .5rem;}
.about-content h3{text-align:center;margin-top: 0;margin-bottom: .5rem;font-weight:normal;}
.about-content p{text-align: left;}
.security{margin: .5em;}
/* TWITTER */
.twitter {display: flex; justify-content: center;
  align-items: center; margin: auto;}
 
/*IPHONE under 400 screens*/

/* OLD */
/* @media screen  and (max-width: 400px){
  p { font-size: 10px; margin: .1em 0 .3em 0; line-height: 120%; }
  ul { font-size: 10px; margin: .1em 0 .3em 0; line-height: 120%; }
  li { font-size: 10px; margin: .1em 0 .3em 0; line-height: 120%; }
  address { font-size: 10px; margin: .1em 0 .3em 0; line-height: 120%; }
  h1 { font-size: 15px; margin: .05rem 0 .1rem 0; line-height: 100%; }
  h2 { font-size: 14px; margin: .05rem 0 .1rem 0; line-height: 100%; }
  h3 { font-size: 13px; margin: .05rem 0 .1rem 0; line-height: 100%; }
  h4 { font-size: 12px; margin: .05rem 0 .1rem 0; line-height: 100%; }
  h5 { font-size: 11px; margin: .05rem 0 .1rem 0; line-height: 100%; }
  h6 { font-size: 10px; margin: .05rem 0 .1rem 0; line-height: 100%; } */

  /* p { font-size: 0.6875em; margin: .1em 0 .3em 0; line-height: 1.2; }
ul { font-size: 0.6875em; margin: .1em 0 .3em 0; line-height: 1.2; }
li { font-size: 0.6875em; margin: .1em 0 .3em 0; line-height: 1.2; }
address { font-size: 0.625em; margin: .1em 0 .3em 0; line-height: 1.2; }
h1 { font-size: 0.875em; margin: .05rem 0 .1rem 0; line-height: 1; }
h2 { font-size: 0.8125em; margin: .05rem 0 .1rem 0; line-height: 1; }
h3 { font-size: 0.75em; margin: .05rem 0 .1rem 0; line-height: 1; }
h4 { font-size: 0.6875em; margin: .05rem 0 .1rem 0; line-height: 1; }
h5 { font-size: 0.625em; margin: .05rem 0 .1rem 0; line-height: 1; }
h6 { font-size: 0.5625em; margin: .05rem 0 .1rem 0; line-height: 1; } */


/* @media screen and (max-width: 400px) {
  html { font-size: 14px; }
  h1, h2, h3, p, small, .content, .footnote {
      font-size: calc(1rem * (1 + (1 - 14px / 16px)));
  }
  h1 { font-size: 1.5rem; }
  h2 { font-size: 1.25rem; }
  h3 { font-size: 1.125rem; }
  small { font-size: 0.875rem; }
  .footnote { font-size: 0.75rem; } */

/* .menu a{font-size:.94rem;}
header{height:75px;background:url(/img/bn_webp/bn_400x75.webp) no-repeat 90% 0;}
.logo{background-image:url(/img/lg/lg_400x75.svg);}
.foot-left a {padding: .8em 3em;}
.foot-right a {padding: .8em 3em;} */
/* SEEMS BETTER / TALLER WITHOUT TOP-NAV ADDED */
/* .top-nav{height: 1.9rem;} */
/* .top-nav a{flex: 0 1 48px;}
.exploreasheville{display: none;}
.homeHead{position:relative;} */
/*BED image*/

/* .homeHead img{width: 33%; padding: 2px;}

/* .faqs-container{justify-content:space-between;}
.faq-column{flex: 0 1 370px;}
.faq-column h3{text-indent: 20%;line-height:170%}
} */

/*400 to 520 up screen*/
/* @media screen and (max-width: 520px){
  small{font-size: 5px;} */
/* p{font-size:16px;margin: .1em 0 .3em 0;line-height:120%;}
ul{font-size: 16px;margin: .1em 0 .3em 0;line-height:120%;}
li{font-size: 16px;margin: .1em 0 .3em 0;line-height:120%;}
address{font-size:18px;margin: .1em 0 .3em 0;line-height:120%;}
h1{font-size:21px; margin: .05em 0 .2em 0;line-height:110%;}
h2{font-size:20px; margin: .05em 0 .2em 0;line-height:110%;}
h3{font-size:19px; margin: .05em 0 .2em 0;line-height:110%;}
h4{font-size:18px; margin: .05em 0 .2em 0;line-height:110%;}
h5{font-size:17px; margin: .05em 0 .2em 0;line-height:110%;}
h6{font-size:16px; margin: .05em 0 .2em 0;line-height:110%;} */

/* p{font-size:14px;margin: .1em 0 .3em 0;line-height:120%;}
ul{font-size: 14px;margin: .1em 0 .3em 0;line-height:120%;}
li{font-size: 14px;margin: .1em 0 .3em 0;line-height:120%;}
address{font-size:16px;margin: .1em 0 .3em 0;line-height:120%;}
h1{font-size:19px; margin: .05em 0 .2em 0;line-height:110%;}
h2{font-size:18px; margin: .05em 0 .2em 0;line-height:110%;}
h3{font-size:17px; margin: .05em 0 .2em 0;line-height:110%;}
h4{font-size:16px; margin: .05em 0 .2em 0;line-height:110%;}
h5{font-size:15px; margin: .05em 0 .2em 0;line-height:110%;}
h6{font-size:14px; margin: .05em 0 .2em 0;line-height:110%;} */

/* p{font-size:0.83125em;margin: .1em 0 .3em 0;line-height:120%;}
ul{font-size: 0.83125em;margin: .1em 0 .3em 0;line-height:120%;}
li{font-size: 0.83125em;margin: .1em 0 .3em 0;line-height:120%;}
address{font-size:0.95em;margin: .1em 0 .3em 0;line-height:120%;}
h1{font-size:1.128125em; margin: .05em 0 .2em 0;line-height:110%;}
h2{font-size:1.06875em; margin: .05em 0 .2em 0;line-height:110%;}
h3{font-size:0.9975em; margin: .05em 0 .2em 0;line-height:110%;}
h4{font-size:0.95em; margin: .05em 0 .2em 0;line-height:110%;}
h5{font-size:0.890625em; margin: .05em 0 .2em 0;line-height:110%;}
h6{font-size:0.83125em; margin: .05em 0 .2em 0;line-height:110%;} */

/* .menu{font-size: 16px;}  400-520 */

/* header{height:82px;background:url(/img/bn_webp/bn_520x82.webp) no-repeat 90% 0;}
.logo{background-image:url(/img/lg/lg_520x82.svg);}
.top-nav a{flex: 0 1 48px;}
.exploreasheville{display: none;}
.homeHead img{width: 38%;}

/* .homes{justify-content: space-around;} */
/* .home{flex: 1 1 150px;} */
/* .home img{max-width: 40%; padding: 3px; height: auto;} */
/* .homeFont{width:100%} */

/* .save{width: 0; height: 0;}
.reserve{font-size: .60em;}
.faqs-container{justify-content:space-around;}
.faq-column{flex: 0 1 370px;}
.faq-column h3{text-indent: 26%;line-height:170%}
} */

/* (min-width:520.01px) and  */

/*520 to 768 up screen*/
/*up to 640 up screen*/
@media screen and (max-width: 640px){
p{font-size:15px;margin: .1em 0 .3em 0;line-height:120%;}
ul{font-size: 15px;margin: .1em 0 .3em 0;line-height:120%;}
li{font-size: 15px;margin: .1em 0 .5em 0;line-height:120%;}
address{font-size:15px;margin: .1em 0 .3em 0;line-height:120%;}
h1{font-size:17.5px; margin: .05em 0 .1em 0;line-height:100%;}
h2{font-size:17px; margin: .05em 0 .1em 0;line-height:110%;}
h3{font-size:16.5px; margin: .05em 0 .1em 0;line-height:110%;}
h4{font-size:16px; margin: .05em 0 .1em 0;line-height:110%;}

.menu{font-size: 16px;} /*520-640*/
header{height:100px;background:url(/img/bn_webp/bn_640x125.webp) no-repeat 90% 0;}
.logo{background-image:url(/img/lg/lg_640x125.svg);}
.top-nav a{flex: 0 1 80px;}
.exploreasheville{display: none;}
.homeHead img{width: 180px; padding: 12px}

.homes{justify-content: space-around;}

.reserve{font-size: .60em;}
.faqs-container{justify-content:space-around;}
.faq-column{flex: 0 1 370px;}
.faq-column h3{text-indent: 23%;line-height:170%}
}

/*640 to 1024*/
@media screen and (min-width: 640.01px) and (max-width: 1024px){
p{font-size:15px;margin: .1em 0 .3em 0;line-height:120%;}
ul{font-size: 15px;margin: .1em 0 .3em 0;line-height:120%;}
li{font-size: 15px;margin: .1em 0 .5em 0;line-height:120%;}
address{font-size:15px;margin: .1em 0 .3em 0;line-height:120%;}
h1{font-size:17.5px; margin: .05em 0 .1em 0;line-height:100%;}
h2{font-size:17px; margin: .05em 0 .1em 0;line-height:110%;}
h3{font-size:16.5px; margin: .05em 0 .1em 0;line-height:110%;}
h4{font-size:16px; margin: .05em 0 .1em 0;line-height:110%;}

.menu{font-size: 16px;}/*640 to 1025*/
header{height:200px;background:url(/img/bn_webp/bn_m_1025.webp) no-repeat 90% 0;} 
.logo{background-image:url(/img/lg/lg_1025.svg);}
.top-nav a{flex: 0 1 100px;}
.homeHead img{max-width: 150px; height: auto;}

.reserve{font-size: .90em;}
.faqs-container{justify-content:center;}
.faq-column{flex: 0 0 330px;}
.faq-column h3{text-indent: 26%;line-height:170%}
.cards{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top: -1rem;}
.page{background-image:url("/img/bg/bg800.jpg"); background-attachment:fixed;background-position:center;background-repeat:no-repeat;}
}

/*Large 1500*/
@media screen and (min-width: 1024.01px){
p { font-size: 1em; margin: 0.1em 0 0.3em 0; line-height: 1.2; }
ul { font-size: 1em; margin: 0.1em 0 0.3em 0; line-height: 1.2; }
li { font-size: 1em; margin: 0.1em 0 0.3em 0; line-height: 1.2; }
address { font-size: 1.25em; margin: 0.1em 0 0.3em 0; line-height: 1.2; }
h1 { font-size: 1.25em; margin: 0.05em 0 0.1em 0; line-height: 1.1; }
h2 { font-size: 1.1875em; margin: 0.05em 0 0.1em 0; line-height: 1.1; }
h3 { font-size: 1.125em; margin: 0.05em 0 0.1em 0; line-height: 1.1; }
h4 { font-size: 1.0625em; margin: 0.05em 0 0.1em 0; line-height: 1.1; }


.menu{font-size: 1.0625em;} 
header{height:17.1875em;background:url(/img/bn_webp/bn_f_1500.webp) no-repeat 90% 0;}
.logo{background-image:url(/img/lg/lg_1500.svg );}
.top-nav{justify-content: flex-start;}
.top-nav a{padding: .33em .72em;flex: 1 1 120px;}
.homeHead img{width: 18%; height: auto;}

.reserve{font-size: .95em;}
.faqs-container{justify-content: space-around;}
.faq-column{flex: 1 0 400px;}
.faq-column h3{text-indent: 10%; line-height:150%}
.cards{margin-top:inherit;display:flex;flex-wrap: wrap;justify-content: space-around;}
.cards{flex: 0 1 calc(33% - 1rem);margin-bottom: 2rem;}
/* .foot-mixed div a{visibility:hidden;} */
.page{background-image:url("/img/bg/bg944.jpg"); background-position:center;background-repeat:no-repeat;background-attachment:fixed;}
}

.modal-dialog {
  display: inline-block;
  /* text-align: left; */
  vertical-align: middle;
}