/************************************************/
/*       To save everything, click here         */
/************************************************/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

html {
}

html, body {
    height: 100%;
}

body {
    color: #2c3e50;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
}

/* ---------------------- */

/* typography */

h1, h2, h3 {
    letter-spacing: -0.05em;
    text-align: left;
}

h1 {
    font-size: 4em;
    color: #2ecc71;
}
h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: .4em;
    text-transform: uppercase;
}

p {
    font-size: 1em;
    margin-bottom: 40px;
}

a {
}
a:hover {
}

/* ---------------------- */

/* lay-out */

section {
}

.story-content {
    margin: 0 auto;
}

.site-width {
    width: 90%;
    max-width: 900px;
    margin: 0 auto;
}

.copy-width {
    width: 82%;
    margin: 0 auto;
}

.header {
    background-color: #2c3e50;
    color: #ecf0f1;
    margin: 60px auto;
    padding: 60px;
}
.books {
    margin: 40px auto;
}
.footer {
    background-color: #2c3e50;
    color: #ecf0f1;
    padding: 60px;
}

/* ---------------------- */

.tile {
    background: none;
    width: 30%;
    display: inline-block;
}
.tile-image.big-illustration{
    height: 139px;
    width: 140px;
}

.alert {
    margin: 20px 0 0 0;
}