/* Service Cards */

.card-service {
    display: flex;
    flex-direction: column;
    justify-content: center;
	background-color: var(--col3);
	border-radius: 7px;
    margin: 0 16px 32px 16px;
	padding: 24px;
	text-align: center;
    width: 280px;
    transition-duration: 0.2s;
}

.card-service h3 {
    color: var(--col2);
}

.card-service i {
    color: var(--col2);
    font-size: 50px;
}

.card-service:hover {
    margin: -7px 16px 39px 16px;
	transition-duration: 0.2s;
}

@media screen and (min-width: 575px) and (max-width: 767px) {
    .card-service {
        width: 240px;
    }
}