body {
    background-color: #eeedef;
    color: #5c5d60;
    font-family: 'jaf-facitweb', "Helvetica", "Arial", sans-serif;
}

h1 {
    color: #36a9e1;
    margin: 1rem 0 5rem;
    text-align: right;
    text-transform: uppercase;
}
h1, h2, h3, h4, h5 {
    font-family: "ff-netto-web", "Helvetica", "Arial", sans-serif;
}
h3 {
    margin-bottom: 1rem;
}

p {
    padding: 0 .5rem;
    word-wrap: break-word;
}

.accordion-title {
    font-size: 1.25rem;
}
.accordion-title i {
    font-size: 2rem;
}
.accordion-title:hover .sticky, .accordion-title:focus .sticky {
    background-color: #e6e6e6;
}
.accordion-title::before {
    z-index: 2;
}
.sticky {
    background-color: #fff;
}
.sticky.is-at-top {
    padding: 1rem 0;
}
.sticky img {
    max-height: 3rem;
}

.callout.primary {
    background-color: rgba(54, 169, 225, 0.15);
}
.callout h5 {
    padding: 0.5rem;
}

.show-for-small-only {
    font-weight: 700;
}

.fi-check {
    color: #3adb76;
}
.fi-minus {
    color: #5c5d60;
}
.fi-x {
    color: #cc4b37;
}

.logo {
    float: left;
    margin: 2rem 0 0;
}