.title h2 {
    position:relative;
    font: normal normal normal 40px/50px 'Quicksand';
    color: #093E54;
    text-align:center;
    z-index:1;
}
.title h2 .text {
    position:relative;
    font: normal normal bold 40px/50px Quicksand;
    letter-spacing: 2.4px;
    color: #FFFFFF;
    text-transform: uppercase;
    display:inline-block;
    z-index:1;
}
.title h2 .bg {
    position:relative;
    display:inline-block;
}
.title h2 .bg::after,
.title h2 .bg::before {
    content:'';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 80px);
    height: calc(100% + 6px);
    background: #68C396;
    font: normal normal bold 40px/50px Quicksand;
    letter-spacing: 2.4px;
    color: #FFFFFF;
    text-transform: uppercase;
    z-index: 0;
}
.title h2 .bg::before {
    transform: rotate(0.2deg) translate(-52%,-50%);
}
.title h2 .bg::after {
    transform:rotate(-1.6deg) translate(-48%,-58%);
}
@media (max-width:1024px){
    .title h2 .text {
        font: normal normal bold 30px/40px Quicksand;
    }
    .title h2 .bg::after,
    .title h2 .bg::before {
        width: calc(100% + 80px);
        height: calc(100% + 6px);
    }
}
@media (max-width:767px){
    .title h2 {
        font: normal normal normal 15px/20px 'Quicksand';
    }
    .title h2 .text {
        font: normal normal bold 15px/20px Quicksand;
    }
    .title h2 .bg::after,
    .title h2 .bg::before {
        width: calc(100% + 50px);
        height: calc(100% + 6px);
    }
}