/* css minimal reset from http://www.css-wiki.com/css3/css-reset */
body{margin:0}blockquote,dd,figure{margin-right:0;margin-left:0}fieldset{padding-right:0;padding-left:0}nav ol,nav ul{list-style:none;margin:0;padding:0}address,article,aside,audio,blockquote,canvas,del,div,dl,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,li,ol,p,pre,section,table,td,tfoot,th,ul,video{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}table{border-collapse:collapse;border-spacing:0}th{text-align:left}td,th{vertical-align:baseline}hr{height:1px;background-color:#ddd;border-width:1px 0 0;border-style:solid none none;border-color:#ccc}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit}button,input[type=button],input[type=color],input[type=email],input[type=password],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],textarea{-webkit-border-radius:0;border-radius:0;background-image:url()}

body {
	background: #fff;
	font-family: sans-serif;
	color: #222;
	font-size: 1.1rem;
}
section {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	width: 300px;
	max-width: 100%;
	transform: translate(-50%, -50%);
}

a {
	color: #000;
	transition: all .2s ease;
}

a:hover, a:focus {
	opacity: .7;
	transition: all .2s ease;
	text-decoration: none;
}
@media only screen and (max-width: 500px) {
	h1 {
		font-size: 2rem;
		word-wrap: break-word;
		padding: 20px 20px 0 20px;
	}

	section {
		position: relative;
		padding: 0 20px;
		margin: 0;
		top: 0;
		left: 0;
		transform: none;
		max-width: 100%;
	}
}