#hero_cont {	
	position: relative;
	height: min(20vh, 640px);
	overflow: hidden;
	background-image: url("/img/folio_hero.jpg");
	background-color: #aaa;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	color: #fff; 
}


#hero_txt_bizname {
	font-size: 1.4em;
    font-weight: 600;
    text-shadow: 0 4px 14px darkcyan;
}

a.hero:link,
a.hero:hover,
a.hero:visited {
	text-decoration: none;
}





#folio_cont {
	margin-top: min(10vw, 10vh);
	text-align: center;
}

#folio_cont p {
	margin-bottom: min(4vw, 4vh);
}








/* ---------- BREAK-POINTS ------------------------------------------------------------------------------------------------------------- */


@media (min-width: 690px) { 
	

	#hero_txt_cont {
		top: min(4vw, 4vh);
		transform: translateX(-75%);
		width: 45vw;
	}
		
	#hero_txt_bizname {
		font-size: 1.6em;
	}
	
		
	
}