.fancy {
  line-height: 0.5;
  text-align: center;
}
.fancy span {
  display: inline-block;
  position: relative;  
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 3px;
  border-bottom: 2px solid #027b44;
  border-top: 2px solid #027b44;
  top: 30;
  width: 300;
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
}
  
  .about-section {
    display: block;
    padding: 1rem;
    text-align: center;
    background-color: white;
    color: #027b44;
  }
 .about-section::before .about-section::after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 10px solid #027b44;
  border-top: 1px solid #027b44;
  top: 0;
 }
 .about-section::before {
  right: 100%;
  margin-right: 15px;
}
.about-section::after {
  left: 100%;
  margin-left: 15px;
}
  .container {
    padding: 0 16px;
  }
  
  .container::after, .row::after {
    content: "";
    clear: both;
    display: table;
  }
  
  .title {
    color: black;
  }
  
  .button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    color: white;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    width: 100%;
  }
  
  .button:hover {
    background-color: #555;
  }