body {
    background: #fff url(../img/bg.jpg);
    background-size: cover;
}

.logo {
    width: 170px;
}

.bg-dark {
    background-color: #343a404d !important;
}

.dropdown-menu {
    background-color: #fff9;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.7);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .9);
}
.mt-15{
    margin-top:15vh;
}
.dark-frame {
    background-color: #1e406566;
    color: #fff;
    padding:1em;
}
.clear-frame {
    background-color: #b7d9fb80;
    color: #16385d;
    padding: 1em;
}
.blue-frame {
    background-color: #0d345ae0;
    padding: 2em;
    margin-top: 1em;
    font-size: .9em;
    color: #fff;
}

footer {
    position: absolute;
    width: 100vw;
    bottom: 0;
}
.copy{
    font-size:.8em;
    color:#ccc;
    margin: .7em;
}
a{
    color: #56a8ff;
}
a:hover{
    color: #e9f4ff;
}