h1,h2,h3,h4,h5,h6 {
  font-family: "Chakra Petch";
}
.cs-site-content {
    margin-top: 0;
    margin-bottom:0;
}

#main {
  margin-top:-74px;
}

.cs-header {
  background:transparent!important;
}
.cs-header.cs-scroll-sticky {
    background:#06033d !important;
}

body {
  font-family: "Chakra Petch";
}


.stay-in-touch {
  background:transparent;
}

.main-wrapper {
  background-image:var(--main-bg-mobile);
  background-position:var(--main-bg-mobile-position);
  background-size:cover;
  background-repeat:no-repeat;
  background-color:var(--main-bg-color);
  padding-bottom:48px;
}

.btn {
  margin-right: auto;
  margin-left: auto;  
  position: relative;
  max-width: var(--btn-mobile-width);
  height: var(--btn-mobile-height);
  background: linear-gradient(to right, #FFE3AB 0%, #F5C566 100%);
  border-radius: 14px;
  border: 1.5px solid #FFE2A8;
  transform: skewX(-14deg);
  box-shadow: 0 0 12px 6px rgba(253, 236, 203, 1);
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #5F510C;
  text-align: center;
  font-family: inherit;
  font-size: 22.049px;
  font-style: normal;
  font-weight: 700;
  line-height: 33.074px; /* 150% */  
  flex-shrink: 0;
}

.btn span {
  display: inline-block;
  transform: skewX(14deg);
}

.switchable > div {
  display: flex;
  flex-direction: column-reverse;
  padding-top:50px;
  margin-top:50px;
}

@media (min-width:768px) {
  .switchable > div {
    flex-direction: column;
  }

  .main-wrapper {
    background-image:var(--main-bg-desktop);
    background-position:var(--main-bg-desktop-position);
  }  
}