@media only screen and (min-width: 768px) {
    .listing {
        display: flex;
    }

    hr {
        margin: 2em;
    }

    .listing-date-text {
        padding: 1em;
        padding-top: 0.7em;
        border-style: solid;
        border-width: 2px;
    }

    .date,
    .month,
    .year {
        margin: 0;
        text-align: center;
        font-size: 1.6em;
    }

    .date {
        font-size: 1.9em;
        display: block;
    }

    .month {
        font-size: 1.6em;
    }

    .year {
        font-size: 1.2em;
        margin-top: 0.3em;
    }

    .listing-info {
        margin-left: 1em;
    }

    .listing-title {
        margin: 0;
        font-size: 2em;
        font-weight: 100;
    }

    .ensemble {
        margin-top: 0.5em;
        margin-left: 1em;
        margin-bottom: 0.5em;
        font-style: italic;
    }

    .location {
        margin-bottom: 0;
    }

    .listing-time {
        margin-top: 0.5em;
        margin-left: 1em;
    }

    .description {
        margin-bottom: 2em;
    }

    /*
    .listing-button-wrapper {

    }
    */

    .listing-button {
        background-color: white;
        border: solid 2px black;
        border-radius: 2px;
        font-family: 'Courier New', monospace;
        font-size: 1em;
        padding: 12px 24px;
    }

    .listing-button:hover {
        background-color: black;
        color: white;
    }

    .listing-button:active {
        background-color: #444444;
        color: white;
    }
}