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

@media only screen and (max-width: 960px) {
    .mdt-content {
        padding: 0.5rem;
        width: calc(100% - (120px + 1rem));
    }
}

@media only screen and (max-width: 720px) {
    .mdt-three-columns .column:first-child {
        width: calc(100% - 2rem);
    }

    .mdt-content {
        width: calc(100% - 1rem);
    }

    .mdt-three-columns > .column:not(:first-child) {
        display: none;
    }

    .selection .poster {
        padding-bottom: 0.25rem;
    }

    .selection .info {
        padding-top: 0.25rem;
    }
}
