#contact {
	/*min-height: 80vh;*/
    background: #5b5b5b;
    padding: 0 20px;
}

#contactGrid {  
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 1em;
    grid-auto-flow: row;
    grid-template-areas:
        "contactText contactMap";
    /*max-width: 1600px;*/
    margin: 14vh auto 3em;
    justify-items: center;
    padding-bottom: 4em;
}

#contactMap {
	grid-area: contactMap;
	width: 100%;
}

#contactMap h1 {
	margin-top: 0;
	margin-bottom: .6em;
	
}

#contactText {
	grid-area: contactText;
	color: #f6f6f6;
	max-width: 750px;
}

#contactText h1 {
	margin-top: 0;
	margin-bottom: .6em;
	
}

#contactText a {
	text-decoration: none;
	color: inherit;
}

#contactText strong {
	font-size: 1.1em;
    font-weight: 300;
}

#contactText .fas {
	width: 22px;
	text-align: center;
	
}

.leaflet-popup-content .fas {
	width: 18px;
	text-align: center;
}

@media(max-width: 1024px) {
	#contactGrid { 
		grid-template-columns: 1fr;
	    grid-template-rows: 1fr;
	    gap: 1em;
	    grid-auto-flow: row;
	    grid-template-areas:
	        "contactText" "contactMap";
	    justify-items: left;
	}
}