@media (max-width: 1024px) and (min-width: 786px) {
    .column	{
        width: 100%;
    }
    .large-oval {
        height: calc(20vh - var(--margin) * 2);
    }
    .line-up-item {
        width: 75%;
        height: calc(100vw / 2);

    }
    .line-up-item:nth-of-type(2n + 1) {
        margin-left: 12.5%;
    }
    .sans {
        font-size: 18px;
    }
    .line-up-online {
        font-size: 10px !important;
    }	
    .line {
        border-right: 0.1px solid #222;

    }


}

@media (max-width: 786px) {

    iframe {
        width: 100%;
        height: calc( 100vw/6 * 6 * 0.56);
    }
    .large {
        font-size: 36px;
    }

    .medium  {
        font-size: 22px;
    }
    .serif.medium .sans,
    .serif .sans,
    .sans {
        font-size: 16px;
    }
    .header-title {
        font-size: 22px;
    }
    .time, .content {
        line-height: calc(24px * 1.3)
    }

    .line-up-online {
        font-size: 8px !important;
    }	

    .header {
        width: 100%;
        display: none;
    }
    .header.visible {
        display: block;
    }
    .header-title {
        margin-top: 60px;
    }
    .header-footer {
        bottom: 60px;
    }
    .col-4 {
        width: calc(100vw );
    }

    .container {
        box-sizing: border-box;
        width: calc(100vw );

    }
    .column	{
        width: 100vw;
    }
    .columns-3 {
        column-count: 1;
    }
    .colophon-item {
        width: 100%;
    }
    .large-oval {
        height: calc(20vh - var(--margin) * 2);
    }
    .line-up-item {
        width: 75%;
        height: 75vw;
    }
    .line-up-item:nth-of-type(2n + 1) {
        margin-left: 12.5%;
    }

    .header-toggle {
        display: block;
    }

    .timetable-item {
        width: 75vw;
        margin: 0 auto;
    }
    .day {
        text-align: center;
    }

    .ellipse {

        width: calc(var(--margin) * 1);
        height: calc(var(--margin)* 1);
    }
    .rect {
        border-radius: calc( var(--margin) * 1);

        width: calc(var(--margin) * 1);
        height: calc(var(--margin) * 1.5);
    }

    .oval:nth-of-type(1) {
        top: 50vw;
    }

    .oval:nth-of-type(2) {
        top: 55vw;
    }

    .oval:nth-of-type(3) {
        top: 60vw;
    }

    .oval:nth-of-type(4) {
        top: 65vw;
    }

    .oval:nth-of-type(5) {
        top: 70vw;
    }

    .oval:nth-of-type(6) {
        top: 75vw;
    }

    .oval:nth-of-type(7) {
        top: 80vw;
    }

    .oval:nth-of-type(8) {
        top: 85vw;
    }

    .oval:nth-of-type(9) {
        top: 90vw;
    }

    /*single pages*/

    .slider {
        overflow-x:hidden;
        width: 100vw;
    }
    .slide {
        max-width: 100%;
        height: 100%;
    }
.arrows {
	position: absolute;
	width: 100%;
	display: flex;
    top: unset;
    height: 50vh;
    left: 0;
/*	float: left;*/
    align-content: stretch;
    justify-content: center;
    align-items: stretch;
}
    .main{
        display: flex;
        flex-direction: column;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        overflow-x: hidden;
    }
    .twocolumn{
        width: 100%;
        float: left;
        display: block;
        clear: none;
        height: auto;
        /*    min-height: 50vh;*/
        column-count: 1;
        column-gap: calc(var(--margin)*2);
    }

    .participant-block {
	width: 100%;
	position: relative;
	display: block;
	clear: both;
	min-height: 50vh;
	height: auto;
	float: left;
	border-bottom: 1px solid #222;
}
    .go-back {
        margin: calc(var(--margin)/4) 0 0 calc(var(--margin)/2);
        height: 3.7vh;
        cursor: pointer;
    }

    .line {
        border-right: 0.05px solid #222;
    }
}