<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
#stephen-pic {
	float:left;
	margin:0 -2vw 3vw -2vw;
	width:100vw;
	box-shadow:2px 2px 10px #ddd;
}

@media (min-width: 325px) {
	#stephen-pic {
		width:26vw;
		margin:0;
		margin-right:4vw;
		margin-bottom:4vw;
	}
}

@media (min-width: 725px) {
	#stephen-pic {
		width:auto;
	}
}

@media (min-width: 955px) {
	
	#stephen-pic {
		display:none;
	}
	
	#about-me {
		margin:0px;
		padding-left:220px;
		padding-top:20px;
		padding-right:40px;
		min-height:220px;
		box-sizing:borer-box;
		background:url('../../images/about-me.jpg') top left no-repeat, #fff;
	}
	
	#about-me p:first-of-type{
		padding-left:15px; padding-right:20px;
	}
	#about-me p:last-of-type{
		padding-left:30px;
	}
}

#area-map{
	width:100%;
	margin-bottom:20px;
}
@media (min-width: 500px) {
	#area-map{
		float:right;
		max-width:60%;
		margin-left:20px;
		margin-bottom:0px;
	}	
}
@media (min-width: 700px) {
	#area-map{
		max-width:none;
		width:auto;
	}</pre></body></html>