* { scroll-behavior: smooth }

.wrapper {
	padding: 5em 0 5em 0;
}

.wrapper.style3 {
	background: #666;
	color: #d1f2f5;
}

#logo { vertical-align:middle }
.flex {
	display: flex;
	flex-wrap: wrap;
}

/*
#imgcol {
 	min-height: 50vH;
	background:no-repeat center center;
	background-size: cover;
}
*/

#imgcol {
	min-height: 70vW;
	background: no-repeat /* left center; */;
	background-size: contain;
	background-attachment: fixed;
}



#map {
	width:100%;
   height:50vH
}

#three { padding:0}
.image {
border-radius:0
}

@media screen and (min-width:480px) {
	#map {
	   width:100%;
	   height:100vH
	}
}

.feature {
	text-decoration: none;
	padding-left: 3.25em;
	position: relative;
	text-align: left;
	padding-right: 3.25em;
}
dialog {
	width:400px;
	max-width:90%;
	z-index:100;
	position:absolute;
	top:10em;
	margin:auto;
	
}