:root {
    --grey-text: #a4a7b0;
    --grey-nav: #f2f2f2;
}

body {
    background-color: #9bb6c3;
    background-image: url("images/bg_body.jpg");
    font-size: .9em;
}

main {
    background-color: #fff;
}

ul {
    list-style: none;
}

.motto {
    color: var(--grey-text);
    font-size: 1.2em;
    font-weight: bold;
}

.header-contact span,
.header-contact span a {
    color: var(--grey-text);
    font-size: .9em;
}

.header-contact span a:hover {
    color: #000;
    text-decoration: none !important;
}

.header-contact span > i {
    font-size: .9em;
}

.nav-top-bar {
    background-color: #2b2b2b;
    color: #fff;
    font-weight: bold;
    font-size: .9em;
}

.nav {
    background-color: var(--grey-nav);
}

.nav a {
    color: #000;
    font-weight: bold;
}

.nav a::before {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;

    border-top: 5px solid black;
    content: "";
    display: block;
    margin: auto;
}

.nav a:hover,
.nav a.active {
    color: #2662FE;
    text-decoration: none;
}

.nav a:hover::before,
.nav a.active::before {
    border-top-color: #2662FE;
}

.homepage-jumbotron {
    background-color: #3383fe;
    background-image: url("images/gal_bg.gif");
}

.homepage-card-deck .card {
    border: 0;
}

.homepage-card-deck .card .card-header {
    border-radius: 0;
    padding: .25em;
    background: rgb(66, 66, 66);
    background: linear-gradient(180deg, rgba(66, 66, 66, 1) 0%, rgba(43, 43, 43, 1) 100%);
}

.homepage-card-deck .card .card-header > i.fa {
    color: #ffffffc7;
    float: right;
    font-size: 1.5em;
}

.homepage-card-deck .card a {
    font-weight: bold;
    text-decoration: underline;
}

.homepage-card-deck .card a:hover {
    text-decoration: none;
}

.homepage-card-deck .card .card-header a {
    color: #fff;
}

.homepage-card-deck .card .card-header a:hover {
    text-decoration: none;
}

.homepage-card-deck .card .card-body {
    background-color: var(--grey-nav);
}

.homepage-card-deck .card .card-body ul > li {
    font-size: .9em;
}

.homepage-card-deck .card .card-body a {
    color: #000;
}

footer {
    background-image: url("images/footer_bg.jpg");
    background-repeat: repeat-x;
    color: #fff;
    font-size: .9em;
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer a:hover {
    color: #fff;
    text-decoration: underline;
}

.content-block h2 {
    border-bottom: 2px var(--grey-nav) solid;
}

.content-block p,
.content-block li,
.content-block form,
.content-block .form-control {
    font-size: .9em;
}