body {
    background-color: #555;
    color: #ddd;
}


.logo {
    max-width: 40%;
    height: auto;
}

.corinne-image {
    max-width: 70%;
    height: auto;
}


.subtitle {
    color: #F39100;
}

.card {
    height: 100%;
}

.card-img-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lead.text-left {
    color: #999;
}

a, a:hover {
    color: #F39100;
}

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

@media (min-width: 768px) {
    .center-sm {
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }
}