body {
                margin:0;
                 overflow-x: hidden;
            }
            .whole {
                width: 100%;
                height: 100vh;      
                border: 0px solid #fff;
                background-color: #0c0c0c;
            }
            .one {
                width: 99%;
                height: 20vh;
                margin: 0px 0 0 5px;
                overflow: hidden;
                border: 0px solid #fff;
            }
            .two {
                width: 30%;
                height: 16vh;
                float: left;
                margin: 5px 0px 0 5px;
                border: 0px solid #fff;
            }
            .three {
                width: 24%;
                height: 6vh;
                margin: 80px 0px 0 65px;
                float: left;
                border: 0px solid #fff;
                
            }
            .three li, .four li, .seven li, .sixteen {
                font-size: 20pt;
                color: #eae6cc;
                margin: 0;
                padding: 0;
                list-style: none;
                font-family: ivyora-display, serif;
                font-weight: 400;
                font-style: normal;
            }
            a {
                text-decoration: none;
            }
            .four {
                width: 24%;
                height: 6vh;
                margin: 80px 80px 0 5px;
                float: right;
                border: 0px solid #fff;
            }
            .five {
                width: 50%;
                height: 16vh;
                float: left;
                margin: 5px 25px 0px 25px;
                border: 0px solid #fff;
                min-width: 600px;
                max-width: 600px;
            }
            .five p {
                font-size: 55pt;
                color: #eae6cc;
                margin: 47px auto 0 auto;
                padding: 0;
                font-family: ivyora-display, serif;
                font-weight: 400;
                font-style: normal;

            }
            .six {
                width: 25%;
                height: 16vh;
                float: left;
                margin: 5px 0px 0 5px;
                border: 0px solid #fff;
                min-width: 100px;
                min-width: 100px;
            }
            .seven {
                width: 40%;
                height: 5vh;
                margin: 90px 0px 0 0px;
                float: left;
                border: 0px solid #fff;
            }
            .sixteen {
                width: 45%;
                height: 5vh;
                margin: 89px 0px 0 0px;
                float: right;
                border: 0px solid #fff;
            }
            .sixteen p {
                font-size: 20pt;
                color: #eae6cc;
                margin: 0;
                padding: 0;
                font-family: ivyora-display, serif;
                font-weight: 400;
                font-style: normal;
                border: 0px solid #fff;
            }
            .eight {
                width: 5px;
                height: 5px;
                float: right;
                margin: 5px 0px 0 5px;
                border: 0px solid #fff; 
                position: relative;
            }
            .bottom {
                width: 65%;
                height: 80vh;
                float: left;
                box-sizing: border-box;
                padding: 39px 0 0 27px;
                overflow: hidden;
                border: 0px solid #fff; 
            }
            .buy, .tour, .shop, .map {
                width: 45%;
                height: 80px;
                float: left;
                box-sizing: border-box;
                margin: 40px 2.5%;
                display: flex;
                align-items: center;
                justify-content: center;
                border: 2px solid #eae6cc;
            }

            .buy li, .tour li, .shop li, .map li {
                list-style: none;
                text-align: center;
                font-size: 32px;
                margin: 0;
                padding: 0;
                font-family: ivyora-display, serif;
                font-weight: 400;
                color: #eae6cc;
            }
            .hours {
                width: 69%;
                height: auto;
                margin-bottom: 40px;
                box-sizing: border-box;
                border: 0px solid #fff; 
            }

            .hours p {
                font-size: 18px;
                color: #eae6cc;
                margin: 0;
                padding: 0;
                font-family: ivyora-display, serif;
                font-weight: 400;
                line-height: 1.6;
            }

            .nine {
                width: 56%;
                height: 79.7vh;
                overflow: hidden;
                border: 0px solid #fff;
                margin: 0px auto 0 auto;
                min-width: 1050px;
                max-width: 1050px;
            }
            .nine img {
                display: block;
                width: 99%;
                height: auto;
                margin: 0px auto 0 auto;
                min-width: 1050px;
                max-width: 1050px;
            }
            .ninetickets {
                width: 70%;
                height: 79vh;
                overflow: hidden;
                float: left;
                border: 0px solid #fff;
                min-width: 450px;
                max-width: 450px;
            }
            .ninetickets img {
                display: block;
                width: 99%;
                height: auto;
                margin: 90px auto 0 auto;
                object-fit: contain;
            }

            #menyAvPaa {
                display: none;
            }

            #burger {
                position: absolute;
                cursor: pointer;
                width: 2rem;
                height: 2rem;
                margin: 85px 25px 0 0;
                display: flex;
                justify-content: space-between;
                flex-direction: column;
                display: none;
            }

            #burger > div {
                height: 2px;
                background-color: #eae6cc; 
                transition: 0.5s;
                z-index: 999;
            }

            #meny {
                background: #0c0c0c;
                width: 100vw;
                height: 100vh;
                position: fixed;
                right: 0;
                top: 0;
                z-index: 100;
                transform: translateX(100vw);
                transition: transform 2.2s cubic-bezier(0.77, 0.2, 0.05, 1.0);
                visibility: hidden;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 2rem;
            }
            #meny a {
                text-decoration: none;
            }

            #meny li {
                font-size: 48pt;           
                color: #eae6cc;
                list-style: none;
                font-family: ivyora-display, serif;
                font-weight: 400;
                text-align: center;
            }

            #menyAvPaa:checked ~ #meny {
                transform: translateX(0rem);
                visibility: visible; 
                transition: transform 1.0s cubic-bezier(0.77, 0.2, 0.05, 1.0);
            }

            #menyAvPaa:checked ~ #burger > div {
                background-color: #eae6cc;
            }
            #menyAvPaa:checked ~ #burger > div:nth-child(1) {
                transform: translateY(15px) rotate(45deg);
            }
            #menyAvPaa:checked ~ #burger > div:nth-child(2) {
                opacity: 0;
            }
            #menyAvPaa:checked ~ #burger > div:nth-child(3) {
                transform: translateY(-15px) rotate(-45deg);
            }

            .carousel-wrapper {
                width: 50%;
                height: 75vh;
                margin: 25px auto 0 auto;
                position: relative;
                overflow: visible;
                left: 50%;
                transform: translateX(-90%);
            }

            .carousel-track {
                width: 100%;
                height: 100%;
                position: relative;
            }

            .carousel-track .ten, .carousel-track .eleven, .carousel-track .twelve, .carousel-track .thirteen, .carousel-track .fourteen, .carousel-track .fifteen{
                position: absolute;
                top: 0;
                width: 61%;
                height: 700px;
                margin: 0;
                float: none;
                border-radius: 12px;
                transition: transform 0.6s cubic-bezier(0.77, 0.2, 0.05, 1.0),
                            opacity 0.6s ease,
                            z-index 0s;
                cursor: pointer;
            }

            .carousel-left, .carousel-right {
                position: absolute;
                top: 0;
                width:45%;
                height: 100%;
                z-index: 100;
                cursor: pointer;
            }

            .carousel-left  { left: 0; }
            .carousel-right { right: 0; }

            /* MEDIA QUERY tablet 1000-1500 */

             @media only screen and (max-width: 1300px) {
                
            .two, .three, .six {
                width: 5px;
                height: 5px;
                display: none; 
            }
            .five {
                margin: 0px auto 0 auto;
                float: none;
                min-width: 520px;
                max-width: 520px;
                border: 0px solid #fff
;                }
            .five p{
                margin: 55px auto 0 auto;
                font-size: 50pt;
                float: none;
            }
            .eight {
                position: fixed;
                top: 0;
                right: 0;
                margin: 0;
                width: 60px;
                height: 60px;
                border: none;
                z-index: 200;
            }
            .nine {
                width: 46%;
                min-width: 800px;
                margin: 0 auto;       
            }
            .nine img {
                min-width: 900px;
                margin: 0 auto;        
                display: block;        
            }
            #burger {
                width: 2rem;
                margin: 88px 15px 0 0;
                display: flex;
            }
           .carousel-wrapper {
                width: 90%;
                overflow: hidden;
                margin: 25px auto 0 auto;
                left: 0;
                transform: none;
            }
            .carousel-track .ten, .carousel-track .eleven, .carousel-track .twelve,
            .carousel-track .thirteen, .carousel-track .fourteen, .carousel-track .fifteen {
                width: 60%;
                left: 30%;
            }
            .ninetickets {
                width: 5px;
                height: 5px;
                display: none;
            }
            .bottom {
                width: 100%;
                height: 80vh;
                padding: 15px 30px 0 30px;
            }
             .hours {
                width: 100%;
                height: auto;
                border: 0px solid #fff;
            }
            .hours p {
                font-size: 20px;
            }



             }

             /* --------END MEDIA QUERY TABLET---------- */

              /* MEDIA QUERY Phone 400-1100 */

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

                .five {
                    margin: 0px auto 0 auto;
                    float: none;
                    min-width: 390px;
                    max-width: 390px;
                    border: 0px solid #fff
                }
                .five p {
                    margin: 65px auto 0 auto;
                    font-size: 35pt;
                }
                .eight {
                    position: fixed;
                    top: 0;
                    right: 0;
                    margin: 0;
                    width: 60px;
                    height: 60px;
                    border: none;
                    z-index: 200;
                }
                .eight p {
                    font-size: 15pt;
                }
                .nine {
                    margin: 0 0px 0 auto;
                    min-width: 800px;     
                    max-width: 100%;       
                    width: 95%;
                }
                .nine img {
                    min-height: 850px;
                    min-width: 780px;
                    max-width: 100%;
                    width: 100%;
                    margin: 120px auto 0 auto;
                }
                #burger {
                    width: 2rem;
                    margin: 88px 0px 0 15px;
                    display: flex;
                }
                .carousel-wrapper {
                    width: 90%;
                    overflow: hidden;
                    margin: 25px auto 0 auto;
                    left: 0;
                    transform: none;
                }
                .carousel-track .ten, .carousel-track .eleven, .carousel-track .twelve,
                .carousel-track .thirteen, .carousel-track .fourteen, .carousel-track .fifteen {
                    width: 80%;
                    left: 10%;
                }

                .carousel-left {
                    left: 0;
                    width: 50%;
                }

                .carousel-right {
                    right: 0;
                    width: 50%;
                }
                .ninetickets {
                width: 5px;
                height: 5px;
                display: none;
            }
            .bottom {
                width: 100%;
                height: 80vh;
                padding: 15px 30px 0 30px;
            }
             .hours {
                width: 100%;
                height: auto;
                border: 0px solid #fff;
            }
            .hours p {
                font-size: 15px;
            }
            .buy, .tour, .shop, .map {
                width: 45%;
                height: 80px;
                margin: 40px 2.5%;
            }
            .buy li, .tour li, .shop li, .map li {
                font-size: 25px;
            }

             }