@media screen and (max-width: 1180px) {

.contact-wrapper {
	width: 100%;
}

#serviceCardsDiv {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	margin: 2rem 0;
}

.serviceCard {
	text-align: center;

	flex: 1 1 calc(50% - 1.5rem);
	max-width: 40%;
	gap: 1rem;

	filter: var(--dropLighterShadow);

	background-color: white;

	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.05);

	cursor: pointer;
}

}