.outer-wrap-header,
.outer-wrap-footer {
    background-color: #003867;
    color: #d2eaff;
}

.outer-wrap-header {
    a {
        color: #d2eaff;
        text-decoration: none;
    }
}

.outer-wrap-footer {
    a {
        color: white;
    }

    a:hover {
        color: #8ecaff;
    }

    a:active {
        color: #0087ff;
    }
}

.outer-wrap-main {
    a {
        color: #4175a0;
    }

    a:hover {
        color: #004b8a;
    }

    a:active {
        color: #8ccaff;
    }

    h1 a,
    h2 a,
    h3 a {
        text-decoration: none;
    }
}


.outer-wrap-columns-below {
    margin-bottom: 20px;
}

.col3 {
    box-sizing: border-box;
    border: 1px solid #003867;
    padding: 6px;

    h1 {
        border: none;
    }

    a {
        padding: 6px 10px;
        color: #d2eaff;
        background-color: #003867;
        text-decoration: none;
    }

    a:hover {
        background-color: #225279;
    }

    a:active {
        background-color: #2d88d2;
    }
}

@media screen and (max-width: 700px) {
    .col3 {
        border: none;
        border-top: 1px solid #003867;
    }
}