html, body {-webkit-text-size-adjust: none; text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
body {font-family: "Source Serif 4", serif; Color: #594439; background-color: #fff; padding: 0; margin-left: auto; margin-right: auto; text-align:center;}
a:link {text-decoration: underline; color: #65555f;}
a:visited {text-decoration: underline; color: #65555f;}
a:hover {text-decoration: none; background-color: #fff; color: #65555f; cursor: pointer;}
a:active {color: #65555f;}
a:focus {outline: 2px dotted #000;
    outline-offset: -2px;
    box-shadow: 0 0 2px 0 inset #030808; }
    *:focus:not(:focus-visible) {
      outline: none;
      box-shadow: none; }
#skip a {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; color: #fff; background: #000;} 
#skip a:focus {position:absolute; left:20px; top:5px; width:auto; height:auto; color: #fff; background: #000;}
#textsize {position: fixed; top:0; right:0; width: auto; height: auto; z-index: 2000;}

/*  ********** header *********** */
.cont {display: block; position: relative; max-width: 100%; height: auto; padding: 0; text-align: right; background:transparent;}
#logo {display: block; position: absolute; max-width: 160px; height: auto; top: 10px; left: 40px; z-index:1900; background:transparent;}
@media screen and (max-width: 1100px) {
#logo {display: block; text-align: right; margin-left: 70%; margin-top: -10px; background:transparent;}}
.box {display: inline-block; padding: 4px; margin-right: 40px; background-image: linear-gradient(#767676, #484848); max-width: 200px; height: auto; font-family: 'Quicksand', sans-serif; Color: #fff;}
#hero {position: relative; width: 100%; height: auto; text-align: left; margin-top: 40px;}
#menu {display: inline-table; text-align: right; color: #594439; max-width: 90%; position:relative; z-index:2000; padding-top: 40px;}
@media screen and (max-width: 1100px) {
#menu {text-align:right; margin: auto; display: inline; max-width: 100%; border: 0;}}
#menu a:link, visited {text-decoration: none; color: #594439;}
#menu a:hover {text-decoration: none; background-color: #ffd6d6; color: #65555f;}
* {
  box-sizing: border-box; margin: 0; padding: 0;}
  *:focus {
    outline: 2px dotted #000;
    outline-offset: -2px;
    box-shadow: 0 0 2px 0 inset #fff; }
    *:focus:not(:focus-visible) {
      outline: none;
      box-shadow: none; }
header {inline-block; background: transparent; text-align: right; max-width: 100%; height: auto; padding:0; margin:auto;}
@media screen and (max-width: 1100px) {
  header {max-width: 100%;text-align: right; }}
nav {max-width: 100%; display: inline; background: transparent; text-align: right; line-height: 1em; font-family: "Source Serif 4", serif;
 font-size: 100%; z-index:2000;}
@media screen and (max-width: 475px) {
nav {font-size: 5.2vw;}}
  nav > button {background: #fff;
    min-width: 64px;
    min-height: 44px;
    display: flex; align-items: center;
    justify-content: center;
    margin-left: 1rem; margin-bottom: 0rem;
    border: 0;
        color: #ffadad; font-size: 2.3rem; font-weight: 600;}
  nav ul {font-weight: 600; border:0;
    display: none;
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #ffadad;
    list-style: none;
    text-decoration: none;}
    nav ul.show {text-align: left;
      display: inline; width: 100%;}
  nav a {
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 20px 5px;
    transition: background-color 150ms ease-in-out;
    text-decoration: underline; width: 100%;}
    nav a:hover, a:focus {
            color: #ffadad; 
    text-decoration: underline; width: 100%;}
  nav li {text-align: left; width: 145px; 
    margin-right: 0px;}
nav li:hover, a:focus {
            color: #ffadad;}
@media screen and (max-width: 1200px) {
nav li {width: 100%;  font-size:100%;}}
  nav li.dropdown {text-align: left; 
    position: relative;}
    nav li.dropdown > a::after {text-align: left; 
      content: "▼";
      display: block;
      margin-left: 0.5rem; margin-right: 0.5rem;
      transition: transform 250ms linear;
      font-size: 0.5em; color: #b07859;}
    nav li.dropdown > a[aria-expanded="true"]::after {
      transform: rotate(-180deg); color: #65555f;}
    nav li.dropdown ul a { border-bottom: 1px solid #d4cad0;
      padding-left: 0.2em; width: 100%; background-color: #fff; }
    nav li.dropdown ul li.dropdown ul a {color: #65555f;
      padding-left: 0.2em;}
@media screen and (min-width: 1000px) {
  nav button {content: "";
    display: none;}
  nav > ul,
  nav > ul.show {
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: column; }
  nav .dropdown ul.show {
    position: absolute; }
  nav .dropdown ul ul {
    top: 0;
    left: 100%; width: 100%;}}

/*  ********** front page *********** */

#reviews {display:inline-block; width:100%; height: 370px: background-color: #ceaa99; background-image: url(../img/ltbrownbg.png); padding: 10px 0 30px; text-align: center; margin-top: 10px;} 
.revtxt {padding: 10px; margin-left: 15px; margin-bottom: 35px; display:inline-block; width: 300px; height: 370px; font-size: 1rem; font-weight: 500; line-height: 1.2em; text-align: left; color: #594439; vertical-align: top;}
@media screen and (max-width: 600px) {
   .revtxt {margin-left: 0; height: auto;}
}
.pics {margin-left: 5px; margin-bottom: 25px; text-align: center; display:inline-block; width:300px;}
@media screen and (max-width: 400px) {
   .pics {margin-left: 0;}
}
.picbdy {display:inline-block; overflow: hidden; width:100%;  height: auto;  margin-top: 30px; margin-bottom: 30px; padding: 25px; text-align: center; margin: auto; font-family: arial, verdana, sans-serif; font-size: 1em; font-weight: normal; color: #432415;}
.quotes {background: transparent; position: relative; overflow: auto; width:100%; padding: 20px; text-align: center; font-family: "Ms Madi", cursive; font-size: 2.2rem; font-weight: 500; color: #ffadad; font-style: italic; line-height: 2em; clear:both;}
@media screen and (max-width: 500px) {
.quotes {font-size: 1.2rem; line-height: 1.2em;}}

/*  ********** headings *********** */
h1 {font-family: "Yeseva One", serif; font-size: 2.5rem; font-weight: 400; color: #ffadad;  line-height: 1.5em; text-transform: uppercase; padding:5px 0; text-align:center;}
@media screen and (max-width: 900px) {
h1 {font-size: 5vw;}}
h2 {background: transparent; position: relative; overflow: auto; width:100%; padding: 10px; text-align: center; font-family: "Yeseva One", serif; font-size: 1.2rem; font-weight: 500; color: #fff;  line-height: 1.5em; text-shadow: 2px 2px 3px rgba(0,0,0,0.11); clear:both;}
@media screen and (max-width: 500px) {
h2 {font-size: 2rem; line-height: 1.2em;}}
h3 {background: transparent; position: relative; overflow: auto; width:100%; padding: 10px; text-align: center; font-family: "Yeseva One", serif; font-size: 1.2rem; font-weight: 500; color: #fff;  line-height: 1.5em; text-shadow: 2px 2px 3px rgba(0,0,0,0.11); clear:both;}
@media screen and (max-width: 500px) {
h3 {font-size: 1.2rem; line-height: 1.2em;}}
h4 {background: transparent; position: relative; overflow: auto; width:100%; padding: 20px; text-align: center; font-family: "Ms Madi", cursive; font-size: 2.2rem; font-weight: 500; color: #ffadad;  line-height: 2em; clear:both;}
@media screen and (max-width: 500px) {
h4 {font-size: 1.2rem; line-height: 1.2em;}}

/*  ********** wraps *********** */
.wrap {position: relative; overflow: hidden; width:100%; margin: 0 auto; padding: 0 0 20px; text-align: center;}
.wrap a:link {text-decoration: underline; color: #d4a4aa;}
.wrap a:visited {text-decoration: underline; color: #d4a4aa;}
.wrap a:hover {text-decoration: none; color: #fff; background: #d4a4aa; cursor: pointer;}
.wrap a:active {color: #d4a4aa;}
.wrap a:focus {outline: 2px dotted #000;
    outline-offset: -2px;
    box-shadow: 0 0 2px 0 inset #ef1236; }
    *:focus:not(:focus-visible) {
      outline: none;
      box-shadow: none; }
@media screen and (max-width: 1000px) {.wrap {position: relative; width:100%; padding: 0; margin: auto; text-align: center;}}
.container {overflow:auto; position: relative; width: 100%; padding-bottom: 0; margin: 0 auto; text-align: center;}
@media screen and (max-width: 1100px){.container {width:100%; padding: 0; margin: 0 auto 0 auto;}}
.text {padding:20px 35px; font-size: 1.2rem; font-weight: 500; line-height: 1.3em; text-align: left; color: #594439; background-image: url('../img/brushmark_ltpnk.png'); background-repeat: no-repeat; background-position: center center;  }
@media screen and (max-width: 1000px){.text {width: 100%; padding:20px 5px;}}

/*  ********** general *********** */
.img {border: 0; max-width: 100%; height: auto}
.imgbl {display: block; border: 0; max-width: 100%; height: auto}
.imgrnd {border: 0; max-height:auto; max-width: 100%; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px;}}
.clearfix {clear: both;}
.center {position: relative;  margin: auto; text-align: center; padding: 5px;}
p {padding:5px 0px 10px;}
@media screen and (max-width: 1000px){p {max-width: 97%; padding:5px 10px;}}

/*  ********** footer *********** */
footer {display: inline-block; position: relative; overflow: hidden; height: auto; width: 100%; text-align: left;  background-color:#ffd6d6; float: none; padding:  0 0;}
footer a:link {text-decoration: underline; color: #b07859;}
footer a:visited {text-decoration: underline; color: #b07859;}
footer a:hover {text-decoration: none; color: #fff; background: #b07859; cursor: pointer;}
footer a:active {color: #fff;}
footer a:focus {outline: 2px dotted #000;
    outline-offset: -2px;
    box-shadow: 0 0 2px 0 inset #d4a4aa;}
    *:focus:not(:focus-visible) {
      outline: none;
      box-shadow: none;}
#endcont { background-color:#ffd6d6; display: inline; height: auto; max-width: 90%; font-family: "Source Serif 4", serif; background: transparent; clear: both; margin: 0 auto 0; text-align: center}
@media screen and (max-width: 1050px) {
#endcont { background-color:#ffd6d6; padding-top:20px; margin: auto; clear: both}}
#close {max-width: 100%; text-align: center; margin-right: auto; margin-left: auto; clear: both;}
.gowrap {border: 0; position: relative; overflow: auto; width:100%;  height: 100%; margin: 0; text-align: center;}
.navcol {display:inline-block; margin-left: 80px; margin-right: 100px; padding-top: 20px; max-width: 40%; text-align:center; vertical-align: top}
@media all and (max-device-width: 760px) {
.navcol {padding: 5px 5px; max-width: 100%; text-align:left; margin-left: 0px; margin-right: 20px;}}
.bot ul {display:inline-block; padding: 10px}
media all and (max-device-width:760px) {
.bot ul {width:100%; margin-bottom: 2px; padding-right: 40px; text-align: left;}}
.bot li {width: 100%; margin-left: 0px; list-style-type:none; font-weight: 600; font-size: 1.2em; font-family: "Source Serif 4", serif; color:#594439; text-align: left; line-height: 1.2em; padding-bottom: 0px}
media all and (max-device-width: 760px) {
.bot li {width:100%;}}
.bold {width: 100%; margin-left: 0px; font-family: "Yeseva One", serif; font-size: 1.5rem; font-weight: 500; color: #594439; text-align: left; text-transform: uppercase; line-height: 1.5em; text-shadow: 1px 1px 2px rgba(0,0,0,0.21);  padding-bottom: 3px;}
.botmenu {text-align:center; margin: auto;}
.navbot {display:inline-block;}
.strip {display:table; margin: auto; text-align: center; padding:  10px 10px 0 0;}
media all and (max-device-width: 760px){
.strip {width:100%; padding: 0;}}
.navbot {display:table-row; padding:0; margin:0; list-style-type:none; white-space:nowrap;}
.navbot li {display:inline; font-family: "Source Serif 4", serif; font-weight: 500; font-size: 1em; float:left; padding:4px 12px; color:#594439;}
media all and (max-device-width: 760px){
.navbot li {width:100%; padding:4px 0; float:none;}}
#botmenu { background-color:#ffd6d6; margin: auto; text-align: center; padding-bottom: 30px; padding-top: 25px; width: 80%; clear:both;}
media all and (max-device-width: 760px){
#botmenu {width:100%;}}
#botmenu .strip {text-align:left;}    
#ada {height: 50px; width: 50px;}
#toTop {
display:none;
 text-decoration:none;
 position:fixed;
 bottom:15px;
 right:30px;
 overflow:hidden;
 width:42px;
	height:42px;
 border:none;
 text-indent:100%;
 background:url(../img/arrow_top.png) no-repeat left top;
}
#toTopHover {
background:url(../img/arrow_top.png) no-repeat left -162px;
 width:42px; height:42px;
 display:block;
 overflow:hidden;
 float:left;
 opacity: 0;
 -moz-opacity: 0;
 filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}