#contacts{
	display:flex;
	gap:20px;
}

#contacts a{
	color:var(--text);
}

.contacts-body{
	width:564px;
	flex-shrink:0;
}

.contacts-map{
	flex-grow:1;
}

.contacts-map iframe{
	width:100%;
	height:100%;
	border-radius:40px;
}


@media (max-width: 1024px) {
	#contacts{
		flex-direction:column;
	}

	.contacts-body{
		width:100%;
	}

	.contacts-map iframe{
		min-height:300px;
	}

	.contacts-body .cols-2{
		grid-template-columns:1fr;
	}
}