.services-header{
/*    background-image: linear-gradient(to right, rgba(255, 95, 72, 0.95),rgba(252, 185, 42, 0.8)), url(../images/services-header-background.jpg);*/
    /*background-image: linear-gradient(to right, rgba(0, 173, 18,0.95), rgba(90, 250, 21,0.8)), url(../images/services-header-background.jpg);*/
    background-image: linear-gradient(to right, rgba(38, 181, 105,0.95), rgba(38, 181, 105,0.8)), url(../images/services-header-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 12% 0% 8% 0%;
}

.services-header-heading{
    font-family: 'Raleway', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
    font-size: 500%;
    font-weight: 800;
    color: white;
    text-align: center;
    text-shadow: 4px 4px 4px rgb(0,0,0,0.3);
    line-height: 100%;
    padding-bottom: 1%;
}

.services-header-title{
    text-align: center;
    color: white;
    font-family: 'Montserrat',sans-serif;
}











.servicebox{
    padding: 0% 12%;
    margin: 0%;
}

.service-imagebox{
    padding: 8% 0% 8% 0%;    
}

.service-image{
    width: 100%;
}

.service-detailbox{
    padding: 8% 0% 8% 2.5%;
}

.service-number{
    font-family: 'Roboto', sans-serif;
    font-size: 370%;
    font-weight: 900;
    line-height: 80%;
/*    color: rgba(255, 69, 0, 0.5);*/
    color: rgba(76, 244, 20, 0.5);
}

.service-descriptionbox{
    padding-left: 5%;
}

.service-title{
    font-family: 'Dosis',sans-serif;
    font-size: 250%;
/*    margin-top: -7%*/
}

.service-description{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: rgba(0,0,0,0.6);
    padding-top: 3%;
}

.service-view-button{
    background: linear-gradient(to right, rgb(57, 230, 86), rgb(0, 163, 18));
    padding: 2.5% 6%;
    color: white;
    font-size: 85%;
    border: none;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 3%;
}

.services-statsbox{
    padding:1% 1%;
    font-weight: 700;
    
}

.services-stats-icon{
    color: rgba(76, 244, 20, 0.6);
    padding: 1%;
}

.service-view-button:hover{
    background: linear-gradient(to right, rgb(50, 235, 01), rgb(0, 143, 18));
    color: white;
    letter-spacing: 0.1px;
    box-shadow: -2.5px -1px 2px rgba(0,0,0,0.3) inset, -2px -1px 5px rgba(0,0,0,0.1) inset,-1px -1px 8px rgba(0,0,0,0.05) inset,0px -3.5px 2px rgba(0,0,0,0.2);
}





























@media screen and (max-width:500px){
    .services-header{
        padding: 18% 4% 8% 4%;
    }
    .services-header-heading{
        font-size: 260%;
        line-height: 120%;
    }
    
    
    
    
    
    
    
    
    
    .servicebox{
        padding: 0% 6%;
        margin: 0%;
    }
    .service-number{
        line-height: 110%;
        font-size: 300%;
    }
    .service-title{
        font-size: 170%;
        line-height: 100%
    }
    .service-view-button{
        margin-top: 5%;
    }
    
    
    
    
    
    
    .service-special-event-col1{
        padding: 15% 8% 10% 9%;
    }
    .service-special-event-imagebox{
        padding: 4% 4% 5% 4%;
    }
    .service-special-buttonbox{
        padding: 0% 0% 8% 0%;
        text-align: center;
    }
    .service-special-buttonbox-title{
        padding-left: 9%;
    }
    
    
}