.service-area{
    padding: 2% 4%;
}
.service{
    float : left;
    display: flex;
    width: 100%;
    padding: 1% 0;
}
.service-area > h1{
    font-size: 3rem;
    color: #333;
}

.img > img{
    width: 25em;
}
.content{
    padding: 0% 7%;
    font-size: 1.2em;
    color: #333;
}


.content > p > a {
    color: #007bff;
    text-decoration: none;
}
@media (max-width: 767px){
	.service-area{
        align-items: center;
        display: block;
        
    }
    .service{
        display: block;
        width: 100%;
    }   
    .area{
        display: block;
    }
    .content{
        text-align: left;
        padding: 0 0;
    }
    .img{
        text-align: left;
    }
}