@font-face {
    font-family: 'Avenir';
    src: url('../fonts/AvenirNextLTPro-Regular.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Bold';
    src: url('../fonts/AvenirNextLTPro-Demi.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-Demi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body, html {
    color: #333;
}
h1, h2, h3, h4, h5, h6 {
    color: #002948;
}
a, p, em, i {
}

small {
    color: #7bafde;
}

.logo {
    font-family: 'Avenir' !important;
}
.logo span {
    font-family: 'Avenir Bold' !important;
}
#banner h1 {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
}
a {
    color: #002948;
    transition: all 0.3s ease-in-out;
}
a span {
    color: #333;
}
a:hover {
    color: #333;
    text-decoration: none;
}
p {
    color: #333;
}
.contact span {
    color: #002948;
    font-size: 20px;
}
.uk-button-default {
    color: #002948;
    background: #fff;
    border: none;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
.uk-button-primary {
    color: #fff;
    background: #002948;
    border: none;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
.uk-button-default:hover, .uk-button-primary:hover {
    color: #fff;
    background: #333;
}
footer {
    background: #002948;
}

footer a, footer p, footer h3 {
    color: #fff;
}

@media (max-width: 800px) {
    .uk-text-justify {
        text-align: left !important;
    }
}