body {
    background-image: url('../img/bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}

.card {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.card, .card-header, .card-body {
    border-radius: 0 !important;
    border: none;
}

.card-header {
    height: 4rem;
    background-color: rgb(11, 54, 72);
    background-image: url('../img/bg-header.png');
    background-repeat: no-repeat;
    background-position: left;
}

.card-body h1 {
    font-family: serif;
    letter-spacing: 0.01em;
    color: rgb(11, 54, 72);
}

.card-body {
    padding-left: 2rem;
    padding-right: 3rem;
}

.card-header img.logo {
    height: 2.75rem;
}

.card-body a {
    text-decoration: none;
    color: rgb(19, 104, 151);
}

.card-body a h2 {
    margin-bottom: 0;
}

.card-body a:hover p {
    text-decoration: underline;
    color: rgb(19, 60, 111);
}

.card-body .media img {
    max-height: 4rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.card-body .media .media-body p {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
}

.card-body .row .col-md-6 {
    padding: 1rem;
}

@media (max-width: 767px) {
    .border {
        border: none !important;
    }

    .doe-logo img {
        max-height: 3rem;
    }
}