.header {
    padding: 16px 0;
    display: block;
    width: 100vw;
    text-shadow: darkgrey 2px 2px 5px;
}

@media only screen and (max-width: 500px) {
    .header {
        text-align: left;
        padding-left: 12px;
    }
    .card {
        margin-bottom: 4px;
    }
}
@media only screen and (min-width: 501px) {
    .header {
        text-align: center;
    }
}