body {
  letter-spacing: 0.111em;
  line-height: 1.4;
  background: #f8f5ee;
  /* background: #f8f5ee url(../images/bg_pattern.png) repeat-y 50% -10%; */
  letter-spacing: 0.025em;
  font-weight: 400;
  /* font-family: avertastd, Helvetica, Arial, sans-serif; */
}
/*
4.202em
3.713em
3.537em
3.232em
2.856em
2.721em
2.486em
2.197em
2.093em
1.912em
1.69em
1.61em
1.471em
1.3em
1.238em
1.132em
1em
0.953em
0.87em
0.769em
0.733em
0.67em
0.592em
*/
/* Typography
------------------------ */
h1,h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: normal;/* letter-spacing: .05em; */line-height: 1.05;font-weight: normal;margin: 0;padding: 0 0 0.5em 0;transform-origin: center;}

h1 strong,h2 strong, h3 strong, h4 strong{
  /* font-weight:normal; */
}
html, .root {
}
body, .article {
  /* line-height: 1.2em; */
}
h1, .h1 {
    color: #bba13b;
font-family: 'pistilli';
   font-weight:normal;
   line-height: 1;
   /* font-size: 6.5625em; */
   letter-spacing:0;
   padding-bottom: .25em;
}
.page_layout h1{  font-weight:normal;}
h2, .h2 {
   letter-spacing:0;
      color: #bba13b;
font-family: 'pistilli';
  font-weight:normal;
  font-size: 7em;
  /* font-size: 98px; */
}
h3, .h3 {
   letter-spacing:0;
        color: #bba13b;
font-family: 'pistilli';
     font-weight:normal;
     font-size: 4.875em;
     /* font-size: 65px; */
     font-weight: normal;
}
h4, .h4 {
  font-size: 1.5em;
  letter-spacing: 0.058em;
  text-transform: uppercase;
}

h5, .h5 {
  font-size: 1em;

}
p, ul, ol, pre, table, blockquote {
}
ul ul, ol ol, ul ol, ol ul {
  margin-top: 0em;
  margin-bottom: 0em;
}
hr, .hr {
  border: 1px solid;
  margin: -1px 0;
}
a, b, i, strong, em, small, code {
  /* line-height: 1.4; */
  /* color: #757574; */
}
sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

body{
  /* font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
So for example if we want font size to scale between 16px to 26px starting from screen width of 768px to 1600px, we can write CSS like this : */
  font-size: calc(12px + (16 - 12) * ((100vw - 600px) / (1280 - 600)));
}
h1{font-size: calc(40px + (120 - 40) * ((100vw - 600px) / (1280 - 600)));}
h2,.h2{ font-size: calc(40px + (80 - 40) * ((100vw - 600px) / (1280 - 600)));}
h3,.h3{  font-size: calc(35px + (65 - 35) * ((100vw - 600px) / (1280 - 600)));}
@media (max-width: 600px) {
  body {font-size: 12px;}
  h1 {font-size: 40px;}
   h2,.h2 {font-size: 40px;}
  h3,.h3{font-size:35px;}
  .hero-slider{/* text-shadow:-1px -1px 4px #f8f5ee; */}
  .hero-slider .intro-copy{/* min-width: 100%; *//* font-weight:400; *//* text-shadow:-1px -1px 4px #f8f5ee; *//* padding: 1em 0 0 0; */}
  .hero-slider .background-image:before{background:rgb(255 255 255 / .2);}
}
@media screen and (min-width: 1280px) {
  body {font-size: 16px;}
  h1 {font-size: 120px;}
  h2,.h2 {font-size: 80px;}
  h3,.h3{font-size: 65px;}
}
  
li {
  margin: 0;
  padding: 0 0 .25em;
}
p {
  margin: 0;
  padding: 0 0 1.5em;
}
p,li{outline: 0;/* color: #bc9f3b; *//* font-size:1.375em; */}

p.lead {
}
.layout_wrap {
  position: relative;
  z-index: 2;
  background: #fffff7 url(../images/page_bg.png) no-repeat top center;
  background-size: 100%;
  /* background-attachment: fixed; */
}
.single .layout_wrap{background:none;}
.single #PageContainer{background: #fffff7 url(../images/page_bg.png) no-repeat top center;background-size: -100%;}

.layout_wrap a {
  position: relative;
  font-weight: 500;
  color: #bba03b;
  text-decoration: underline;
  text-decoration-color: #ebe3c1;
}

.page_layout a:before {
}

.layout_wrap a:hover:before {
  width: 0;
}

.page_layout {
  position: relative;
}
.hero-slider h4, .page_layout h4{
  /* font-family: 'wonder_bay'; */
  /* font-size: 3em; */
  /* transform: rotate(-3deg) !important; */
  /* padding-top: .5em; */
  color: #bba03b;
}
.page_layout li {
}
p.caption {
}
@media screen and (max-width: 1280px) {
  body {
  }

  p,li {
  }

  p {
  }

  li {
  }

  h1 {
  }

   h2 {

  }
   h2 strong {

  }
  h3 {
  }

  h4 {
    }

  h5 {
  }
}
@media screen and (max-width: 950px) {
  body {
  }

  p,li {
  }

  p {
  }

  li {
  }

  h1 {
  }

   h2 {

  }
   h2 strong {

  }
  h3 {
  }

  h4 {
   }

  h5 {
  }
}

@media screen and (max-width: 600px) {
  body {
  }

  p,li {
  }

  p {
  }

  li {
  }

  h1 {
  /* font-size: 60px; */
  }

   h2 {
  /* font-size: 40px; */
  }
.text-50 .col.textwrap{
  max-width: 60%;
}
  h3 {
  /* font-size: 35px; */
  }

  h4 {
   }

  h5 {
  }
}

@media screen and (max-width: 599px) {
  body {
  }

  p,li {
  }

  p {
  }

  li {
  }

  h1 {
  }

  h2 {

  }
  .page_layout h3 {
 
  }

  h4 {
  }

  h5 {
  }
}