.container {
    max-width: 720px;
    margin: 0px auto;
    padding: 24px;
}

@media only screen and (max-width:768px) {
    .container {
        max-width: unset;
        padding: 24px 0px;
    }
}

body {
    background-color: #fafff2;
}

.cards {
    padding: 0px 24px 48px 24px;
}

.card {
    background-color: #3c3c3c;
    margin-bottom: 48px;
    cursor: pointer;
    box-shadow: 0 1px 3px -2px rgba(0,0,0,0.5);
}

.card-image {
    max-width: 100%;
}

h1 {
    padding: 0px 24px;
    font-family: 'Handlee', cursive;
    font-weight: 300;
    font-size: 32px;
}