.contact-container {
	max-width: 1200px;
	margin: 0 auto 3rem;
	display: flex;
	flex-direction: column;
	align-items: center;	
}
.contact-container .center {
	margin: 0 auto;
}
.contact-info-wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.contact-info-wrapper .contact-map {
	width: 100%;
	border: 2px solid #1756ac;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 4rem;
}
.contact-info-wrapper h2 {
	text-align: center;
	margin: 2rem auto;
}
.contact-info-wrapper .contact-adress {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.contact-info-wrapper .contact-adress p {
	width: 45%;
}
.contact-info-wrapper .contact-info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contact-info-wrapper .contact-info .contact-info-item {
	width: 45%;
	display: flex;
	flex-direction: column;
}
.contact-info-wrapper .contact-info .contact-info-item .contact {
	display: flex;
    justify-content: space-between;
	gap: 0.7rem;
	align-items: center;
	margin-bottom: 2rem;
}
.contact-info-wrapper .contact-info .contact-info-item .contact a {
	display: flex;
	align-items: center;
}
.contact-info-wrapper .contact-info .contact-info-item .contact .fullname {
	display: flex;
	flex-direction: column;
}
.contact-info-wrapper .contact-info .contact-info-item .contact .phone {
	display: flex;
	gap: 1rem;
}
.contact-info-wrapper .contact-info .contact-info-item .contact svg {
	max-width: 35px;
    max-height: 35px;
    margin-right: 1rem;
}
.contact-info-wrapper .contact-info .contact-info-item .contact .viber {
	stroke: #7360F2;
	fill: none;
}
.contact-info-wrapper .contact-info .contact-info-item .contact .telegram {
	stroke: #37afe2;
}


@media (max-width: 768px) {
	.contact-info-wrapper .contact-map {
		width: 95%;
    	margin: 0 auto;
	}
	.contact-info-wrapper .contact-adress p {
		width: 95%;
		margin: 2rem auto;
	}
    .contact-info-wrapper .contact-info .contact-info-item {
    	width: 95%;
    	margin: 0 auto;
    }
    .contact-info-wrapper .contact-info .contact-info-item .contact {
    	flex-wrap: wrap;
    }
}