.contact {
  display: flex;
  flex-direction: column;
}

.info,
.hours-info,
.contact-info {
  display: flex;
}

.info {
  justify-content: space-between;
  align-items: center;
}

.social-media {
  align-self: flex-start;
}

.name,
.contact-info {
  flex-basis: 40%;
}

.name {
  font-weight: 700;
  font-size: 25px;
}

.hours-info {
	align-items: center;
	justify-content: space-between;
}

.hours-info > p,
.hours-info .hours {
	flex-basis: 40%;
}

.contact-info {
  flex-direction: column;
}

.hours p,
.contact-info a {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.contact-info a {
	color: black;
}

.social-media a,
.hours-info div:first-child {
	margin-top: 10px;
	font-size: 25px;
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
  color: white;
	background-color: var(--bg-grey);
}

.hours-info div:first-child {
	background-color: white;
}

.social-media a i {
	transform: translateY(7%);
}

.hours-info p,
.contact-info a {
  position: relative;
}

.contact > div {
	margin-bottom: 50px;
}

.hours-info p::after,
.contact-info a:first-child::after {
	content: '';
	position: absolute;
	top: 150%;
	left: 0;
	transform: translateY(100%);
	width: 100%;
	height: 1px;
	background-color: var(--bg-grey);
	transition: 0.3s ease;
}

.hours-info > p {
	font-weight: 700;
	align-self: flex-start;
}

.hours-info p:last-child::after {
	width: 0%;
}

.map iframe {
  width: 100%;
}

@media (max-width: 899px) {
	.info {
		margin-top: 100px;
	}
}

@media (max-width: 799px) {
	.info {
		flex-direction: column;
		align-items: center;
	}

	.info div {
		margin-bottom: 50px;
	}

	.social-media {
		align-self: inherit;
	}

	.hours-info {
		flex-direction: column;
		flex-wrap: wrap;
		/* align-items: start; */
	}

	.hours-info > p {
		align-self: center;
	}

	.hours-info div,
	.hours-info > p {
		width: 90%;
		margin-bottom: 50px;
	}

	.hours-info div:first-child {
		height: 1px;
		margin: 0;
	}
}