.content {
  background-color: #0A0A0A;
}
.content.background {
  background-color: #044722;
}
.content h1 {
  margin-bottom: 23px;
  font-size: 36px;
  display: inline-block;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .content h1 {
    font-size: 42px;
    margin-bottom: 35px;
  }
}
@media (min-width: 992px) {
  .content h1 {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .content h1 {
    font-size: 56px;
  }
}
.content p {
  margin-bottom: 21px;
}
.content p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .content p {
    margin-bottom: 27px;
    font-size: 18px;
  }
  .content p:last-child {
    margin-bottom: 0;
  }
}
.content .btn {
  margin-top: 23px;
}
@media (min-width: 768px) {
  .content .btn {
    margin-top: 37px;
  }
}
.content.h1-brush-stroke h1:after {
  display: inline-block;
  height: 10px;
  content: "";
  background-image: url("../../images/brush-stroke-banner-7-white.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center left;
  position: absolute;
  bottom: -10px;
  left: 0%;
  z-index: 1;
  transition: all 1s ease-in-out;
  transition-delay: 0.3s;
  width: 0;
}
.content.h1-brush-stroke h1.visible:after {
  width: 125%;
  left: -14%;
}
.content.h1-brush-stroke h1.multi-line:after {
  display: none !important;
}
.content.h1-brush-stroke h1.double-delay:after {
  transition-delay: 1.3s;
}