/*

  font-family: 'Comfortaa', cursive;
  font-family: 'Fira Sans', sans-serif;

*/

h1 {
    font-family: "Comfortaa", cursive;
    font-size: 4em;
    margin-bottom: 30px;
    font-weight: 600;
    padding-top: 30px;
}

h2 {
    font-family: "Comfortaa", cursive;
    font-size: 2em;
    color: #468aad;
}
h2 + p {
    margin-bottom: 20px;
}

h3 {
    font-size: 1.6em;
    font-size: 1.6em;
    margin: 20px 0;
}

p,
ul,
ol {
    font-family: "Fira Sans", sans-serif;
    font-weight: 300;
}

.typography a {
    color: #468aad;
    font-weight: 400;
}

.typography a:hover {
    color: #333;
}

.typography p {
    margin-bottom: 30px;
}

.typography ul,
.typography ol {
    margin: 10px 0;
}
.typography h2 {
    margin-bottom: 20px;
}

.bleu {
    color: #468aad;
}

.message {
}

.good {
}

.bad {
}

.typography ul {
    position: relative;
}
.typography ul li {
    padding-left: 20px;
    position: relative;
}
.typography ul li:before {
    content: "•";
    left: 0;
    position: absolute;
}

.typography .btn {
    color: inherit;
}
.typography .btn a {
    color: inherit;
}

.typography p + ul {
    margin-top: -20px;
}

@media (max-width: 512px) {
    h2 {
        font-size: 1.6em;
    }
}