@import url('../renaissance.css');

@media only screen and (max-width: 960px) {
    .venue .mdt-three-columns .column:not(:first-child) {
        display: none;
    }

    .venue .mdt-three-columns .column:first-child {
        width: 100%;
    }

    .venue .summary {
        width: 65%;
    }

    .venue .poster {
        width: 35%;
    }

    .venue .actions {
        display: none;
    }
}

@media only screen and (max-width: 640px) {
    .venue {
        flex-direction: column;
    }

    .venue .poster {
        width: 100%;
        margin: 0 0 1rem 0;
    }

    .venue .summary {
        width: 100%;
        align-items: center;
    }
}