.page-banner {
  padding: 50px 0;
  background: url(../images/bg/bg-about.jpg);
  background-size: cover;
  position: relative;
  z-index: 0;
}
.page-banner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #222222;
  opacity: 0.8;
  z-index: -1;
}
.page-banner h2 {
  font-size: 40px;
  font-family: "Buttershine Serif", serif;
  color: #fff;
  text-align: center;
}

.page-content {
  padding: 100px 0 150px;
  position: relative;
}
.page-content h2 {
  font-size: 30px;
  font-family: "Buttershine Serif", serif;
}
.page-content .icon1,
.page-content .icon2,
.page-content .icon3,
.page-content .icon4,
.page-content .icon5,
.page-content .icon6,
.page-content .icon7,
.page-content .icon8,
.page-content .icon9,
.page-content .icon10,
.page-content .icon11,
.page-content .icon12,
.page-content .icon13,
.page-content .icon14,
.page-content .icon15,
.page-content .icon16,
.page-content .icon17,
.page-content .icon18 {
  position: absolute;
}
.page-content .icon1 {
  top: 10%;
  left: -20px;
}
.page-content .icon2 {
  top: 30%;
  left: 2%;
}
.page-content .icon3 {
  top: 60%;
  left: 2%;
}
.page-content .icon4 {
  bottom: 5%;
  left: -10px;
}
.page-content .icon5 {
  bottom: 0;
  left: 20%;
}
.page-content .icon6 {
  bottom: 0;
  right: 20%;
}
.page-content .icon7 {
  top: 8%;
  right: 0.5%;
}
.page-content .icon8 {
  top: 30%;
  right: 2%;
}
.page-content .icon9 {
  top: 58%;
  right: 2%;
}
.page-content .icon10 {
  bottom: 7%;
  right: 2%;
}
.page-content .icon11 {
  top: 7%;
  left: -1%;
  opacity: 0.8;
}
.page-content .icon12 {
  bottom: 7%;
  left: -1%;
  opacity: 0.8;
}
.page-content .icon13 {
  top: 35%;
  left: -2%;
  opacity: 0.8;
}
.page-content .icon14 {
  top: 10%;
  right: -2%;
}
.page-content .icon15 {
  bottom: 10%;
  right: -6%;
  opacity: 0.8;
}
.page-content .icon16 {
  top: 50%;
  right: 0;
}
.page-content .icon17 {
  bottom: 20%;
  left: 0;
}
.page-content .icon18 {
  top: 35%;
  left: 2%;
}

@media only screen and (max-width: 576px) {
  .page-content .icon1,
.page-content .icon2,
.page-content .icon3,
.page-content .icon4,
.page-content .icon5,
.page-content .icon6,
.page-content .icon7,
.page-content .icon8,
.page-content .icon9,
.page-content .icon10,
.page-content .icon11,
.page-content .icon12,
.page-content .icon13 {
    display: none;
  }
}

/*# sourceMappingURL=page.css.map */