html{
		background:#f2f2f2;
	}
	body{
		background:#fff;
		font-size:14px;
		font-family:Arial;
		max-width:775px;
		margin:0 auto;
		padding:3% 5%;
		line-height:1.5;
	}
	h1{
		margin:0;
		padding:0;
		font-weight:300;
		font-size:40px;
	}
	img{
		max-width:100%;
		height:auto;
	}
	
	a{
		color:black;
		text-decoration:underline;
	}
	.cf::after{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.cf{
		margin-bottom:40px;
	}
	.cf a{
		float:right;
	}
	p{
		margin-top:0;
		margin-bottom:20px;
	}
	span{
		font-weight:bold;
	}
	@media only screen and (max-width: 768px) {
		body {
			width:94%;
			margin:0 auto;
			padding:3% 3%;
		}
		.cf a{
			float:none;
			display:block;
			text-align:center;
		}
		h1{
			text-align:center;
		}
	}