:root {
    --blue-1: #EDF2FB;
    --blue-2: #E2EAFC;
    --blue-3: #D7E3FC;
    --blue-4: #CCDBFD;
    --blue-5: #C1D3FE;
    --blue-6: #B6CCFE;
    --blue-7: #ABC4FF;
    --blue-8: #9cbbff;
    --blue-9: #83a9ff;
    --blue-10: #6c95ff;
}

body {
    background: var(--blue-3);
}

.content {
    padding: 2rem 3rem;
    background: white;
}

.mt-0 {
    margin-top: 0;
}

.center {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

/** Wrapper **/
.main-wrapper {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/** Header **/
.header {
    max-width: 100%;
    overflow: hidden;
    background: white;
}

.header .photo-strip img,
.footer .photo-strip img {
    width: 100%;
    object-fit: cover;
}
.header .photo-strip img {
    min-height: 140px;
}

.header .header-title {
    margin: 0;
    font-weight: bold;
    font-size: 48px;
    font-family: Calibri, sans-serif;
    letter-spacing: -1px;
    position: absolute;
    color: white;
    text-shadow: #000 1px 0 10px;
    padding: 1rem 2rem;
}

/** Footer **/
.footer-ack {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 2rem;
    border-radius: 10px;
    color: white;
    background: var(--blue-8);
    box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}

/** Navbar **/
.navbar {
    background-color: var(--blue-9);
    border-radius: 0;
    border: none;
    margin-bottom: 0;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:focus
{
    color: #e1e1e1;
}

.navbar-default .navbar-nav > .active > a {
    background: rgba(255, 255, 255, 0.1);
}

.navbar-default .navbar-nav > .active > a:hover {
    background: rgba(255, 255, 255, 0.1);
}


.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li.active > a {
    color: whitesmoke;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: whitesmoke;
}

.navbar-nav .dropdown-menu {
    background: var(--blue-9);
    color: whitesmoke;
    border: none !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a {
    color: whitesmoke;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: var(--blue-10);
    color: whitesmoke;
}

.stick-bottom {
    position: fixed;
    bottom: -10px;
    z-index: -1;
}

.title {
    color: var(--blue-10);
    letter-spacing: -1px;
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}


.title-2 {
    color: var(--blue-10);
    letter-spacing: -1px;
    font-family: Calibri, sans-serif;
}

@media (max-width: 768px) {
    .header .header-title {
        font-size: 32px !important;
    }
}