#services{
	background-color: white;
}

#services > div{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 100px;
    padding-top: 50px;
}

.service{
	width: 306px;
    height: 274px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #0A0A0A;
    box-shadow: 0px 0px 15px 3px rgba(181, 181, 181, 0.25);
    display: inline-block;
    margin: 10px;
    vertical-align: top;
}

.service > div{
	width: 85%;
	margin: 0 auto;
	margin-top: 10%;
	text-align: left;
}

.service-title{
	color: white !important;
	font-size: 20px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 28px !important; /* 140% */
}

.service img{
	width: 60px;
}

.service p{
	color: #A5A6A7;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 23px;
	margin: 10px 0px;
}

@media only screen and (max-width: 599px) {
	#services{
		width: 95%;
		overflow: scroll;
		margin: 0 auto;
	}

	#services > div{
		width: max-content;
		overflow: scroll;
	}
	
	.service{
		width: 290px;
		float: left;
	}


}