/* @media only screen and (min-width: 1px) { */
	body {
		font-family: sans-serif;
		font-size: 14pt;
	}
	.herobox {
		display: flex;
		flex-direction: row;
		width: 320px;
		margin: 10% auto 7% auto;
	}
	.herobox > .face {
		width: 130px;
		height: 130px;
		display: block;
		border: solid 1px black;
	}
	.herobox > .face > img {
		width: 100%;
	}
	.herobox > .text {
		justify-content: center;
		text-align: center;
		margin-left: 25px;

		height: 130px;

		/* We use this instead of line-height to center vertically  */
		display: flex;
		flex-direction: column;
	}
	.main {
		width: 75%;
		margin: auto;
	}
	.herobox h1 {
		margin: 0;
		font-size: 14pt;
	}
	.herobox h2 {
		margin: 0;
		font-size: 10pt;
	}
	nav {
		text-align: center;
	}
	nav > a {
		text-decoration: none;
	}
	.site-header h1 {
		margin: 0;
		font-size: 14pt;
	}
	.home-page h1 {
		margin: 0;
		font-size: 24pt;
	}
	.site-header h2 {
		margin: 0;
		font-size: 10pt;
	}
    .site-header {
        text-align: center;
		margin: 10% auto 20px auto;
    }
/* } */