/*------------------------------------*\
    #Services
\*------------------------------------*/

.service-panel {
	@include transition(all 0.35s);

	img {
		max-width: 100%;
		height: auto;
		margin-bottom: 40px;
	}

	h3 {
		font-size: 18px;
		font-weight: 600;
		line-height: 1;
		text-transform: capitalize;
		margin-bottom: 20px;
	}

	p {
		font-size: 14px;
		font-weight: 400;
		line-height: 23px;
		margin-bottom: 0;
	}

	.link-more {
		color:$color-theme;
		font-family: $font-body;
		font-size: 13px;
		font-weight: 700;
		line-height: 20px;
		text-transform: uppercase;
	}

	&:hover {
		@include prefix(transform,translateY(-4px), moz webkit);

		.link-more {
			color: $color-heading;
		}
	}
}


/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	.service-panel {
		margin-bottom: 30px;
	}
}