.case-study {
   margin: 40px 0;
}

.case-study h2 {
   color: #ffe339;
   font-size: 34px;
   letter-spacing: 3px;
   line-height: 1.2;
   text-align: center;
   margin: 0 0 40px 0;
   overflow: hidden;
}

.case-study h2 span {
   position: relative;
   display: inline-block;
}

.case-study h2 span::before,
.case-study h2 span::after {
   content: '';
   position: absolute;
   top: 50%;
   border-bottom: 2px solid;
   width: 100vw;
   margin: 0 20px;
}

.case-study h2 span::before {
   right: 100%;
}

.case-study h2 span::after {
   left: 100%;
}

.case-study i {
   display: block;
   font-size: 20px;
   margin-top: 20px;
}

.case-study span {
   display: block;
   margin-top: 20px;
}

.case-study a {
   border: 1px solid #ffe339;
   color: #ffffff;
   display: inline-block;
   margin-top: 20px;
   padding: 10px 15px;
   text-decoration: none;
   transition: color 0.5s;
}

.case-study a:hover {
   color: #ffe339;
}

@media only screen and (min-width: 1024px) {
   .case-study .row {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
   }

   .case-study h2 {
      margin: 0 0 60px 0;
   }
   
   .case-study i {
      margin-top: 0;
   }

   .case-study .col-sm-4.flip {
      order: 2;
   }
}