* {
box-sizing: border-box;
}
body {
color: #2e2e2e;
max-width: 800px;
margin: 0 auto;
}
h1, h2, h3 {
font-family: 'Source Sans Pro', sans-serif;
color: #aeaeae;
}
h1 {
font-size: 3em;
font-weight: normal;
text-align: center;
}
h2 {
font-size: 2em;
}
@media only screen and (max-width: 400px) {
.illustration img {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1em;
}
}
@media only screen and (min-width: 401px) and (max-width: 960px) {
}
@media only screen and (min-width: 961px) {
.page {
width: 900px;
max-width: 900px;
margin: 0 auto;
}
}