@import '/font.css';
html {
	height: 100%;
}
body {
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	color: #000;
	font-family: Open Sans, Lato, Oxygen, Segoe UI, California, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
}
h1 {
	font-size: 24pt;
	font-weight: 600;
}
img {
	max-width: min( 600px, 50%, calc(100% - 500px));
}
.info {
	max-width: min( 450px, 50% );
	padding: 0 20px 0 20px;
}
.detail {
	font-size: 10pt;
	font-style: italic;
	color: #999;
	font-weight: 400;
}
a {
	/*color: #88b477;*/
	color: #5a8161;
	/*text-decoration: none;*/
}
a:hover, a:focus {
	/*text-decoration: underline;*/
}

@media ( max-width: 800px ) {
	body {
		flex-direction: column;
    justify-content: flex-start;
	}
	img {
		order: 2;
		max-height: 500px;
		max-width: calc( 100% - 40px );
	}
	.info {
		order: 1;
		text-align: center;
		max-width: 450px;
		padding: 15px 20px 35px 20px;
	}
}