html,body {background-color: #e6e1ca;padding:0;margin:0;}
html {scroll-behavior: smooth;}
body {padding-left: 20px;padding-right:20px;box-sizing: border-box;}
body.privacy-policy, body.error404 {max-width:1100px;margin:auto;} 
body.error404 {text-align: center};

.hero {min-height: 100vh;padding-bottom: 20px;padding-top:20px;background: #e6e1ca;}

.hero-inner {max-width: 1100px;margin: 0 auto;text-align: center;}

.hero h1 { font-size: 56px;line-height: 64px;font-family: "Tinos", serif;  
  margin: 0 0 20px;font-style: italic;color: rgb(130, 106, 87); margin-top:20px; }

.hero h2 {font-size: 30px;line-height: 36px;font-family: "Cabin", sans-serif;  
  margin: 0;font-weight: bold;color: rgb(130, 106, 87);  }

.hero h3 {max-width: 850px;
  margin: 0 auto 50px;font-size: 22px;font-family: "Alegreya", serif;
  font-weight: 500;line-height:26px;color:rgb(130, 106, 87);font-style:italic;}

.hero-grid {display: grid;grid-template-columns: 1fr 1fr;
  gap: 20px;align-items: start;text-align: left;}

.hero-left {text-align:right;}

.hero-left img {
  width: 100%;max-width: 400px;height: auto; display: block;margin-left: auto;}

.hero-menu {
  padding-top: 10px;display: flex;flex-direction: column;gap: 16px;}

.hero-menu a {display: block;
  padding: 18px 24px;border: none;border-radius: 10px;text-align: center;
  color: rgb(130, 106, 87);text-decoration: none;font-weight: bold;
  font-size: 24px;line-height: 28px;font-family: "Cabin", sans-serif;
  background: #C7A879;box-shadow: 8px 8px 4px grey;max-width: 300px;}

.hero-menu a:hover {opacity: 0.7;box-shadow: 5px 5px 2px grey;}

.content-section {max-width: 1100px;margin: 0 auto;padding-top: 20px;padding-bottom:20px;}

.content-section h2 { font-size: 36px;line-height: 40px;
  font-family: "Cabin", sans-serif;margin-bottom: 15px;color: rgb(130, 106, 87);  }
  
.content-section h2:first-of-type {margin-top:0;}  

.content-section p, .content-section li {font-size: 20px;line-height: 1.5;
  font-family: "Alegreya", serif;color: rgb(84, 84, 84);  }

.hero-divider {
    width: 600px;max-width: 90%;height: 2px;margin: 40px auto;
    background: linear-gradient(
        to right,
        transparent,
        #8b6d57 15%,
        #8b6d57 85%,
        transparent
    );
}

form.fluent_form_2 .ff-btn-submit:not(.ff_btn_no_style) {background-color:#3b2416!important;}

#fluentform_2_success {color:red!important;}

.ff-el-turnstile.cf-turnstile {margin-bottom:20px;}

.scroll-top {position: fixed;right: 20px;
    bottom: 30px;width: 52px;height: 52px;display: flex;
    align-items: center;justify-content: center;border-radius: 50%;
    background: rgba(123,98,77,.92);color: #fff;text-decoration: none;
    opacity: 0;visibility: hidden;transition: .25s;z-index: 1000;
}

.scroll-top svg{width:24px;height:24px;fill:#fff;}

.scroll-top:hover{background:#5f4736;}

.scroll-top.show{opacity:0.6;visibility:visible;}

.footer-inner {text-align:center;font-size:smaller;font-family: "Alegreya", serif;margin-top:30px;margin-bottom: 30px;}

@media (max-width: 768px) {
  .hero-grid {grid-template-columns: 1fr;}
  .hero {padding-top: 45px;}
    .hero-menu a {max-width: 440px;width:100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;} 
.hero-left {text-align: center;}    
    
.hero-left img {margin-right: auto;}    

}



@media (max-width: 480px) {
  .hero h1 { font-size:38px;line-height:44px;margin-top:0px;}
  .hero h2 {font-size: 20px;line-height:26px;  }
  .hero h3 {font-size:16px;line-height:20px;}
  .hero-menu a {padding: 12px 18px;font-size: 20px;line-height: 24px;} 
  .content-section {padding-top:0px;}  
  .content-section h2 {font-size:28px;line-height: 34px;margin-bottom:10px;}
  .content-section p, .content-section li {font-size: 14px;}  
}