body {
    font-family: 'Lato', sans-serif !important;
    background-color: #f8f8ff;
}
footer {font-size: 80%}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Francois One', sans-serif !important;
}
#imgLogo {
    max-width: 25%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0 !important;
}

#page-title {
    padding: .5em;
}

.show-for-small {
    display: none;
}

.top-bar {
    padding: 1em
}

.copyright {text-align: center}

@media only screen and (max-device-width: 480px) {
    .show-for-small {
        display: initial
    }
    #imgLogo {
        max-width: 50%
    }
}