.contact{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: flex-end;
	align-items: flex-end;
	justify-content: center;
	padding: var(--pad);
	gap:60px;
}
.contact > div{
	flex-basis: calc(40% - 40px);
}
.contact > div:nth-of-type(1){
	flex-basis: calc(20% - 40px);
}
.coords p, .coords p a{
	color:var(--color5);
	font-weight: 500;
}
.contact p:last-of-type{
	margin-bottom: 0;
}
@media screen and (max-width:970px){
	.contact > div.content{
		flex-basis: calc(50% - 30px);		
	}
	.contact > div.map{
		flex-basis: calc(80% - 30px);
	}
	.contact > div.coords{
		flex-basis: calc(50% - 30px);
	}
}
@media screen and (max-width:640px){
	.contact > div.content{
		flex-basis: 100%
	}
	.contact > div.map{
		flex-basis: 100%
	}
	.contact > div.coords{
		flex-basis: 100%
	}
}