body,html{background:#eee; margin:0; padding:0;}
p{margin:0; padding:0;}
a,a:visited{text-decoration:none;}
body{font-family:arial; font-size:14px; position:relative}
h1{margin:0;padding:10px;font-size:24px;}

section{display:block; background:#f3426e; margin:0; padding:20px 0; text-align:center; min-height:100vh; color:#fff;}
.centre{text-align:center;}

article{border-radius:10px; padding:20px; margin:20px; background:#f8f8f8; text-align:left;}
article h2{margin-top:0;}
article{color:#666;}
article a{display:block; background:#ddd; color:#333; padding:5px 10px; margin:5px 0 5px 10px;}
article a.inline{display:inline-block;}
article a:hover{background:#f7cf18;}
article p{margin:10px 0;}

footer{margin:50px 0 20px 0;}

@media (min-width:601px){
	section{width:50%; margin:auto;}
}