@import "app.css";

section#contact {
    padding-bottom: 50px;
    overflow: visible !important;
}
div.contact-icon-div {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 25px;
}
div.contact-icon-div a.card-link {
    color: var(--ascent-3);
    opacity: 0.7;
}
div.contact-icon-div a.card-link:hover {
    color: var(--ascent-3);
    opacity: 1;
}
div.contact-icon-div .info {
    margin-left: 10px;
}
span.contact-icon-border {
    height: 70px;
    width: 70px;
    display: flex;
    justify-content: center;
    border-radius: 35px;
    align-items: center;
	border: 2px dashed var(--ascent-2);
}
span.contact-icon {
	height: 50px;
	width: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	padding: 10px;
    background-color: var(--ascent-2);
    color: #fff;
}
span.contact-icon i {
    font-size: 1.3rem;
}
section#contact figure.contact-card {
	position: absolute;
	width: 100%;
	border: none;
	box-shadow: 1px 2px 25px 0px rgba(0, 0, 0, 0.15);
	border-radius: 7px;
	z-index: 10;
}
@media (max-width: 767px) {
	section#contact figure.contact-card {
		position: relative !important;
	}
}
section#contact figure.contact-card div.card-body,
section#contact figure.contact-card div.card-header,
section#contact figure.contact-card div.card-footer {
	padding: 25px;
    background-color: #fff;
}
iframe.map {
	height: 500px !important;
}