.hero-image, .brown-overlay {
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/* Typography */
@media (min-width: 1025px) {
  h1 {
    font-size: 62.5px;
  }

  h2 {
    font-size: 45.83px;
  }

  h3 {
    font-size: 37px;
  }

  h4 {
    font-size: 30px;
  }

  h5 {
    font-size: 22.92px;
  }

  h6 {
    font-size: 18.75px;
  }

  h1, h2, h3, h4, h5, h6 {
    margin-bottom: 30px;
  }

  p {
    font-size: 18.75px;
    line-height: 29.17px;
    font-weight: 100;
  }
}
/* Basic styles */
.page-title {
  color: #fff;
  font-weight: 900;
}
@media (min-width: 1025px) {
  .page-title {
    font-size: 62.5px;
  }
}

@media (max-width: 640px) {
  .basic-section {
    padding: 30px 0;
  }
  .basic-section_pt {
    padding: 30px 0 0 0;
  }
  .basic-section_pb {
    padding: 0 0 30px 0;
  }
}
@media (min-width: 641px) and (max-width: 1024px) {
  .basic-section {
    padding: 50px 0;
  }
  .basic-section_pt {
    padding: 50px 0 0 0;
  }
  .basic-section_pb {
    padding: 0 0 50px 0;
  }
}

.basic-btn {
  display: inline-block;
  text-transform: uppercase;
  padding: 9px 22px;
  font-size: 14.58px;
  font-weight: 900;
  letter-spacing: 1px;
}
.basic-btn_green {
  color: #101010;
  border: 2px solid #88b917;
}
.basic-btn_green:hover {
  background-color: #88b917;
}
.basic-btn_choco {
  color: #fff;
  border: 2px solid #a38977;
}
.basic-btn_choco:hover {
  background-color: #a38977;
}
.basic-btn_brown {
  color: #fff;
  border: 2px solid #522111;
}
.basic-btn_brown:hover {
  background-color: #522111;
}

.line {
  font-weight: 900;
  position: relative;
  padding-left: 55px;
}
@media (min-width: 1025px) {
  .line {
    font-size: 18.75px;
  }
}
.line:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 2px;
  background-color: #88b917;
}

.hero-image {
  position: relative;
  min-height: 480px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.hero-image__inner {
  position: absolute;
  top: 50%;
  width: 100%;
  max-width: 1076px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.hero-image:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(15, 7, 6, 0.4);
}

.light-content {
  color: #fff;
}

.brown-overlay {
  position: relative;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.brown-overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(148, 116, 93, 0.9);
  z-index: -1;
}
.brown-overlay_lighten:after {
  background-color: rgba(163, 137, 119, 0.9);
}

@media (max-width: 1024px) {
  .col-pd-sm-md-none {
    padding: 0;
  }
}

@media (max-width: 640px) {
  .col-pd-sm-none {
    padding: 0;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .col-pd-md-none {
    padding: 0;
  }
}

@media (min-width: 1025px) {
  .col-pd-lg-none {
    padding: 0;
  }
}

.main-content ul {
  margin-left: 0;
}
.main-content ul li {
  list-style: none;
  position: relative;
  padding-left: 24px;
}
.main-content ul li:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 14px;
  height: 2px;
  background-color: #88b917;
}