@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0; box-sizing: border-box;}
html, body {font-size: 100%; color: #212121; font-family: 'Open Sans', sans-serif; background: #dbdbdb;}
#wrapper {width: 100%; background: #fff; margin: 0 auto;}
p {line-height: 150%; margin: 1em 0;} a {text-decoration: none; color: #ff5252;}

header {background: #ff5252; padding: 0.5em 1em; font-weight: bold;} header a {color: #fff;}
.column {float: left;}
main {padding: 1em; background: #fff;}
aside {border-top: 1px solid #dbdbdb; margin-top: 2em; padding-top: 1em;}
footer {text-align: right; font-size: 0.75em; padding: 1em; background: #dbdbdb;}

h2, a.button {font-family: 'Patua One', sans-serif;}
h2 {font-size: 1.5em; letter-spacing: 0.05em;}
a.button {background: #ff5252; color: #fff; padding: 0.5em 1em; border-radius: 0.5em 0 0.5em 0; display: inline-block;}

@media only screen and (min-width: 650px) {
	section {width: 65%; padding-right: 0.5em;}
	aside {width: 35%; font-size: 0.85em; border-left: 1px solid #dbdbdb; border-top: 0; padding: 0 0 0 1em;}
	header {padding: 1em;}
}
@media only screen and (min-width: 1000px) {
	#wrapper {width: 85%;} main {padding: 2em;} header {padding: 1em 2em;}
}