body{
    margin:0;
}
header {
    background-color:#f5f5f5;
    overflow: hidden;
    padding:0.5em 0;
}
ul {
    margin:0;
    padding:0;
}
.small-text{
    display:block;
    font-style: italic;
    font-size:0.9em;
    margin-top:0.3em;
}
h1.title{
    text-transform: uppercase;
    font-size:1.2em;
    font-weight:700;
}
.button, button{
    margin-bottom:0;
}
#logo{
    display:inline-block;
    margin-right:2em;
    color:#606c76;
    font-weight: 400;
    font-size: 1.5em;
}
section{
    background-color: #faf9f9;
    padding:1em;
    text-align:center;
    margin-bottom:1em;
}
section h1{
    font-weight: 500;
}
.bloc{
    margin-bottom:1em;
    padding:1em;
    border-radius:8px 8px 8px 8px;
    border:1px solid #f5f5f5;
}
.bloc.primary{
    background-color:#9b4dca;
    color:#ffffff;
    border-color:#9b4dca;
}
.chapter{
    display:inline-block;
    margin-right:0.5em;
    font-weight:600;
    color:#9b4dca;
}
footer{
    background-color:#f2f2f2;
    text-align: center;
    padding:0.5em 0;
    margin-top:3em;
}