#services-2{
	background-color: #efeded;
}

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

.service-2{
	display: inline-block;
	width: 380px;
    height: 200px;
    margin: 30px 20px;
	vertical-align: top;
	border-radius: 7px;
    overflow: hidden;
    cursor: pointer;
}

.service-2:hover{
	box-shadow: 0px 0px 5px 5px #cacaca;
	-webkit-box-shadow: 0px 0px 5px 5px #cacaca;
}

.service-2:hover .text-service-2{
	background-color: #030f1e;
}

.service-2 > a > div{
	float: left;
	height: 100%;
	width: 50%;
	display: flex;
    align-items: flex-start;
}

.image-service-2 > div{
	width: 100%;
	height: 100%;
	background-size: cover;
    background-position: center;
}

.text-service-2{
	background-color: #1552C5;
    color: white;
    text-align: left;
	transition: all .3s ease;
}

.text-service-2 > div{
	width: 85%;
    margin: 0 auto;
    /*margin-top: calc(50% - 180px);*/
}

.text-service-2 h4{
	text-align: center;
	font-size: 20px;
}

.service-price-2{
	text-align: center;
	font-size: 16px;
    font-style: italic;
}

.text-service-2 ul{
	padding-inline-start: 18px;
    font-size: 14px;
}


@media only screen and (max-width: 599px) {
	.service-2{
		width: 100%;
    	margin: 30px 0px;
    	height: auto;
	}

	.service-2 > a > div{
		float: initial;
		width: 100%;
	}

	.image-service-2{
		height: 150px !important;
	}

	.text-service-2 > div{
		margin-bottom: 20px;
	}
}


@media only screen and (min-width: 600px) and (max-width: 767px){
	.service-2{
		width: 100%;
    	margin: 10px 0px;
	}
}