/* MAX 760 px */

.big-table {
    column-count: 3;
}

.festival-col-1 {
    grid-column: span 2;
}

.festival-col-3 {
    display: none;
}

.festival {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.big-table-section {
    display: none;
}

.festival-image-mobile {
    display: block;
    margin-top: 4rem;
}

@media screen and (min-width: 521px) and (max-width: 600px) {
    .third-surface-columns {
        grid-template-columns: 1fr 1fr;
    }

    .third-surface-1 {
        grid-column: 1;
        grid-row: span 2;
    }

    .third-surface-2 {
        grid-row: 1;
        grid-column: 2;
        border-right: none;
        border-bottom: 1px solid black;
    }

    .third-surface-3 {
        grid-row: 2;
        grid-column: 2;
        border-left: 1px solid black;
    }
}


@media screen and (max-width: 600px) {


    .first-part .ticket-link-wrapper {
        display: none;
    }

    .third-part .ticket-link-wrapper {
        display: flex;
        justify-content: flex-end;
        position: sticky;
        top: 1rem;
    }

    .third-part .ticket-link-wrapper .ticket-link {
        padding-top: 0.3rem;
        padding-left: 3px;
    }

    .big-table {
        column-count: 2;
    }

    .festival-col-1 {
        grid-column: span 1;
    }

    .festival {
        grid-template-columns: 100%;
    }

    .time-table-section {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media screen and (max-width: 520px) {
    .landing {
        padding: 1.25rem;
    }

    .logo {
        margin-left: -.25rem;
        width: calc(100% + .25rem);
        max-width: calc(100% + .25rem);
    }


    .time-table-section {
        grid-template-columns: 100%;
    }

    .third-surface-columns {
        grid-template-columns: 100%;
    }


    .third-surface-2 {
        border-right: none;
        border-left: none;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
    }


}