a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, .number, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, u, ul, var, video {
            margin: 0;
            padding: 0;
            border: 0;
            font: inherit;
            vertical-align: baseline
        }

        article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
            display: block
        }

        body {
            line-height: 1
        }

        ol, ul {
            list-style: none
        }

        blockquote, q {
            quotes: none
        }

        blockquote:after, blockquote:before, q:after, q:before {
            content: '';
            content: none
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        * {
            box-sizing: border-box;
        }

         ::-webkit-scrollbar {
            display: none;
        }

        body {
            font-family: 'Fira Sans', sans-serif;
            font-family: 'Open Sans', sans-serif;
            font-family: 'Crimson Text', serif;
        }

        h1, h2, h3, h4, p, a, .date, .date_desktop, .date_mobile, .topnav, .about_h1_mobile, .about_h1_desktop, .introduction, .explanation, .explanation_long, .mail, .address, .footer {
            color: #212121;
        }

        @media screen and (min-width: 200px) {
            /*NAV*/
            .header_mobile {
                display: block;
                position: fixed;
                z-index: 10;
            }
            .header_desktop {
                display: none;
                z-index: 10;
            }
            .logo {
                letter-spacing: 1.5px;
                font-family: "Crimson Text";
                font-size: 0.90em;
                font-weight: 400;
                line-height: 1.4em;
                margin-bottom: 1vh;
                position: fixed;
                z-index: 10;
            }
            #date_desktop {
                display: none;
            }
            .date_desktop {
                display: none;
            }
            #date_mobile {
                display: block;
            }
            .visual_desktop {
                display: none;
            }
            .visual_mobile {
                font-weight: bold;
                font-family: "Crimson Text";
                font-size: 0.75em;
                padding-bottom: 2vh;
                line-height: 1.2em;
                letter-spacing: 0.3px;
                padding-top: 28vh;
                display: block;
            }
            /*HOME*/
            .embed-container {
                position: relative;
                padding-bottom: 56.25%;
                height: 0;
                overflow: hidden;
                max-width: 100%;
            }
            .embed-container iframe, .embed-container object, .embed-container embed {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
            .date {
                padding-top: 2vh;
                font-family: "Crimson Text";
                font-size: 0.75em;
                padding-bottom: 36vh;
                line-height: 1.2em;
                letter-spacing: 0.3px;
            }
            .about_h1_desktop {
                display: none;
            }
            .about_h1_mobile {
                display: block;
                line-height: 1.5em;
            }
            /*WORKS*/
            #works {
                padding-top: 8vh;
                width: 85vw;
            }
            .works_desktop {
                display: none;
            }
            .works_mobile {
                display: block;
            }
            .container {
                position: relative;
                width: 100%;
            }
            .image {
                opacity: 1;
                display: block;
                width: 100%;
                height: auto;
                transition: .5s ease;
                backface-visibility: hidden;
                padding-top: 10vh;
            }
            .text_desktop {
                transition: .5s ease;
                opacity: 0;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                display: none;
            }
            .works {
                padding-top: 0vh;
            }
            h1 {
                color: #212121;
                font-family: "Crismon Text";
                font-weight: 600;
                font-size: .70em;
                letter-spacing: 0.11em;
                margin-bottom: 2vh;
            }
            h2 {
                margin-top: 2vh;
                color: #212121;
                font-family: "Crimson Text";
                font-weight: 800;
                font-size: 1em;
                line-height: 1.4em;
                padding-top: 1.5vh;
            }
            h3 {
                color: #212121;
                font-family: "Crimson Text";
                font-weight: 400;
                padding-top: 0.4em;
                font-size: 0.75em;
                padding-bottom: 1.5vh;
                text-transform: uppercase;
            }
            .introduction {
                font-family: "Crimson Text";
                font-weight: 400;
                font-size: 0.95em;
                line-height: 1.5em;
            }
            .text_mobile {
                display: block;
            }
            .explanation {
                font-family: "Crimson Text";
                font-weight: 400;
                font-size: 0.95em;
                line-height: 1.3em;
                display: block;
            }
            .explanation_long {
                font-family: "Crimson Text";
                font-weight: 400;
                font-size: 0.95em;
                line-height: 1.3em;
                display: none;
            }
            .mail {
                padding-top: 1.5vh;
                font-family: "Open Sans";
                font-weight: 700;
                font-size: 0.70em;
                line-height: 3em;
            }
            .mail a {
                color: #212121;
                text-decoration: none;
            }
            .mail a:hover {
                opacity: 0.5;
                transition: .5s ease;
            }
            #about {
                padding-bottom: 34vh;
            }
            .works_desktop {
                display: none;
            }
            .work1 {
                padding-right: 2vw;
            }
            .work3 {
                padding-left: 8vw;
            }
            .work5 {
                padding-right: 10vw;
            }
            .work7 {
                padding-left: 4vw;
            }
            .work9 {
                padding-right: 14vw;
            }
            .work9 {
                padding-right: 14vw;
            }
            .work11 {
                padding-left: 10vw;
            }
            .work13 {
                padding-right: 10vw;
            }
            .work2 {
                padding-left: 10vw;
            }
            .work4 {
                padding-right: 20vw;
            }
            .work6 {
                padding-left: 7.5vw;
            }
            .work8 {
                padding-right: 6vw;
            }
            .work10 {
                padding-left: 8vw;
            }
            .work12 {
                padding-right: 8vw;
                padding-left: 0vw;
                padding-bottom: 30vh;
            }
            .work14 {
                padding-left: 10vw;
            }
            img .luca {
                opacity: 0.5;
            }
            .h1_works {
                margin-bottom: -6vh;
            }
            /*MAKING OF*/
            .making_of {
                padding-bottom: 30vh;
            }
            /*FOOTER*/
            footer {
                border-top: solid 1px #BDBDBD;
                padding-top: 2vh;
                font-family: "Crimson Text";
                font-size: 0.65em;
                line-height: 1.4em;
                width: 100%;
            }
            .luca {
                float: left;
                padding-top: 0.5vh;
                padding-right: 1.5vw;
            }
            .luca_adress {
                letter-spacing: 0.05em;
            }
            .address {
                float: left;
                width: 30%;
            }
            .info {
                float: left;
            }
            body {
                margin: 7.5vw;
            }
            /*NAV*/

            .sliding {
                padding-top: 0.75vh;
                margin-left: 7.5vw;
                display: inline-block;
                position: relative;
                padding-bottom: 10px;
            }
            .sliding:before {
                content: '';
                display: block;
                position: absolute;
                left: 0;
                bottom: 0;
                height: 3px;
                width: 0;
                transition: width 0s ease, background .5s ease;
            }
            .sliding:after {
                content: '';
                display: block;
                position: absolute;
                right: 0;
                bottom: 0;
                height: 3px;
                width: 0;
                background: #212121;
                transition: width .5s ease;
            }
            .sliding:hover:before {
                width: 100%;
                background: #212121;
                transition: width .5s ease;
            }
            .sliding:hover:after {
                width: 100%;
                background: transparent;
                transition: all 0s ease;
            }
        }

        @media screen and (max-width: 479px) {
            /*NAV*/
            .topnav {
                z-index: 10;
                float: right;
                width: 47%;
                right: 7.5%;
            }
            .topnav a {
                display: none;
            }
            .topnav a.icon {
                float: right;
                display: block;
            }
            .topnav a {
                font-weight: 600;
                line-height: 1.2em;
                letter-spacing: 1.5px;
                font-family: "Crimson Text";
                font-size: 0.70em;
                text-transform: uppercase;
                text-align: left;
                padding: 10% 0% 10% 10%;
                text-decoration: none;
                color: #212121;
            }
            .topnav.responsive {
                position: relative;
            }
            .topnav.responsive .icon {
                position: absolute;
                right: 0;
                top: 0;
                background-color: #ffffff;
            }
            .topnav.responsive a {
                float: none;
                display: block;
                background-color: #ffffff;
                color: #212121;
                text-decoration: none;
            }
            .topnav .icon {
                display: none;
            }
            #myTopnav {
                position: fixed;
            }
        }

        @media screen and (min-width:480px) {
            /*NAV*/
            body {
                margin-top: 7vh;
                margin-bottom: 4vh;
            }
            .sliding {
                padding-top: 0vh;
                margin-left: 4vw;}
            .topnav {
              padding-top:9.7vh;
              margin-top: -7.5vh;
              background: white;
                  z-index: 10;
                  float: none;
                  width: 100%;
                  padding-left: 22.5%;
                  right: 0%;
            }
            .topnav a {
                font-size: 0.6em;
                letter-spacing: 0.2em;
                line-height: 1.4em;
                font-family: "Crimson Text";
                font-weight: 600;
                text-align: left;
                text-decoration: none;
                text-transform: uppercase;
                color: #212121;
                padding-left: 0vw;
            }
            .topnav .icon {
                display: none;
            }
            #myTopnav {
                position: fixed;
                padding-bottom: 2.5vh;
            }
            /*HOME*/
            .visual_mobile {
                padding-top: 0vh;
            }
            .video_position {
                padding-bottom: 2vh;
            }
            .date {
                padding-bottom: 2vh;
            }
            .home {
                padding-top: 10vh;
                float: left;
                width: 60vw;
                margin-right: 40vw;
            }
            h1 {
                font-size: 0.8em;
                /*letter-spacing: 0.18em;*/
                margin-bottom: 3vh;
            }
            h2 {
                font-size: 0.90em;
            }
            h3 {
                padding-bottom: 1.6vh;
            }
            .introduction {
                margin-left: 22vw;
            }
            #about {
                padding-top: 0vh;
                padding-bottom: 0vh;
                /*padding-bottom: 10vh;*/
            }
            .about_h1_mobile {
                margin-left: 22vw;
                display: block;
                line-height: 1.6em;
            }
            /*WORKS*/
            .introduction {
                padding-bottom: 16vh;
            }
            #works {
                padding-top: 4vh;
            }
            .works_desktop {
                display: none;
            }
            .works_mobile {
                display: block;
            }
            .text_mobile {
                display: none;
            }
            .container:hover .image {
                opacity: 0.1;
                -webkit-filter: grayscale(1);
            }
            .container:hover .text_desktop {
                opacity: 1;
            }
            .container_work_11:hover .image {
                opacity: 0.4;
            }
            .container_work_2:hover .image {
                opacity: 0.15;
            }
            .container_work_4:hover .image {
                opacity: 0.15;
            }
            .container_work_10:hover .image {
                opacity: 0.15;
            }
            .text_desktop {
                transition: .5s ease;
                opacity: 0;
                position: absolute;
                transform: translate(-60%, -60%);
                -ms-transform: translate(-60%, -60%);
                display: inline;
                width: 90%;
            }
            .work1_hover_text {
                margin-top: 10%;
                margin-left: 15%;
                padding-right: 13%;
            }
            .work3_hover_text {
                margin-top: 40%;
                margin-left: 23%;
                padding-right: 15%;
            }
            .work5_hover_text {
                margin-top: 45%;
                margin-left: 15%;
                padding-right: 25%;
            }
            .work7_hover_text {
                margin-left: 19%;
                margin-top: 10%;
                padding-right: 15%;
            }
            .work9_hover_text {
                margin-top: 10%;
                margin-left: 15%;
                padding-right: 29%;
            }
            .work11_hover_text {
                margin-top: 42%;
                padding-right: 15%;
                margin-left: 25%;
            }
            .work13_hover_text {
                margin-top: 42%;
                padding-right: 25%;
                margin-left: 15%;
            }
            /*_______________________________________________________________*/
            .work2_hover_text {
                margin-top: 10%;
                margin-left: 25%;
                padding-right: 15%;
            }
            .work4_hover_text {
                margin-top: 44%;
                padding-right: 27%;
                margin-left: 15%;
            }
            .work6_hover_text {
                margin-top: 12%;
                margin-left: 22.5%;
                padding-right: 15%;
            }
            .work8_hover_text {
                margin-top: 13%;
                margin-left: 15%;
                padding-right: 21%;
            }
            .work10_hover_text {
                margin-top: 10%;
                margin-left: 23%;
                padding-right: 15%;
            }
            .work12_hover_text {
                margin-left: 25%;
                margin-top: -20%;
                padding-right: 17%;
            }
            .work14_hover_text {
                margin-left: 25%;
                margin-top: 12%;
                padding-right: 15%;
            }
            .work12 {
                padding-bottom: 22vh;
            }
            /*MAKING OF*/
            .making_of {
                padding-left: 10vw;
                padding-bottom: 36vh;
            }
            /*FOOTER*/
        }

        @media screen and (min-width:600px) {
            /*NAV*/
            .sliding {
                padding-top: 0vh;
                margin-left: 2.5vw;}
            .topnav {
              padding-top:13vh;
              margin-top: -7.5vh;
              background: white;
                  z-index: 10;
                  float: none;
                  width: 100%;
                  padding-left: 40%;
                  right: 0%;
            }
    #myTopnav {
                position: fixed;
                padding-bottom: 2.5vh;
            }
            .topnav a {
                font-size: 0.6em;
            }
            #date_desktop {
                display: block;
            }
            #date_mobile {
                display: none;
            }
            .date {
                padding-top: 0vh;
                padding-bottom: 0vh;
                background-color: white;
            }
            .date_desktop {
                font-family: "Crimson Text";
                font-size: 0.75em;
                padding-top: 6vh;
                padding-bottom: 0;
                line-height: 1.3em;
                letter-spacing: 0.3px;
                position: fixed;
                display: block;
                z-index: 10;
            }
            /*HOME*/
            .home {
                padding-top: 14vh;
            }
            .text_mobile {
                display: none;
            }
            .introduction {
                margin-left: 30vw;
            }
            .about_h1_mobile {
                margin-left: 30vw;
                display: block;
                line-height: 1.4em;
            }
            .introduction {
                padding-bottom: 16vh;
            }
            /*WORKS*/
            #works {
                padding-top: 10vh;
            }
            .explanation {
                padding-top: 0.8vh;
                font-size: 1em;
                line-height: 1.6em;
                display: block;
            }
            .explanation_long {
                padding-top: 0.8vh;
                font-size: 1em;
                line-height: 1.6em;
                display: none;
            }
            h2 {
                margin-top: 0vh;
                font-size: 1.1em;
                line-height: 1.4em;
                padding-top: 0vh;
            }
            h3 {
                font-size: 0.85em;
            }
            .mail {
                padding-top: 1.5vh;
                font-size: 0.80em;
                line-height: 3em;
            }
            .work12 {
                padding-bottom: 26vh;
            }
            /*MAKING OF*/
            .making_of {
                padding-left: 10vw;
                padding-bottom: 22vh;
            }
            /*FOOTER*/
        }

        @media only screen and ( min-width: 768px) {
            /*NAV*/
            .topnav a {
                font-size: 0.65em;
            }
            .header_mobile {
                display: none;
                opacity: 0.90;
            }
            .header_desktop {
                display: block;
                position: fixed;
                z-index: 10;
                opacity: 0.90;
            }
            .visual_mobile {
                display: none;
            }
            .date_desktop {
                display: none;
            }
            /*HOME*/
            .home {
                padding-top: 12vh;
                width: 60vw;
            }
            .introduction {
                font-size: 1.04em;
                line-height: 1.7em;
                margin-left: 35vw;
            }
            .video_position {
                padding-bottom: 4vh;
            }
            .about_h1_mobile {
                display: none;
            }
            .about_h1_desktop {
                display: block;
            }
            #about {
                padding-top: 20vh;
            }
            /*WORKS*/
            .work1_hover_text {
                margin-top: 10%;
                margin-left: 17%;
                padding-right: 15%;
            }
            .work3_hover_text {
                margin-top: 40%;
                margin-left: 25%;
                padding-right: 17%;
            }
            .work5_hover_text {
                margin-top: 45%;
                margin-left: 17%;
                padding-right: 27%;
            }
            .work7_hover_text {
                margin-left: 21%;
                margin-top: 10%;
                padding-right: 17%;
            }
            .work9_hover_text {
                margin-top: 10%;
                margin-left: 17%;
                padding-right: 31%;
            }
            .work11_hover_text {
                margin-top: 42%;
                padding-right: 17%;
                margin-left: 27%;
            }
            .work13_hover_text {
                margin-top: 42%;
                padding-right: 27%;
                margin-left: 17%;
            }
            /*_______________________________________________________________*/
            .work2_hover_text {
                margin-top: 10%;
                margin-left: 27%;
                padding-right: 17%;
            }
            .work4_hover_text {
                margin-top: 44%;
                padding-right: 29%;
                margin-left: 17%;
            }
            .work6_hover_text {
                margin-top: 12%;
                margin-left: 24.5%;
                padding-right: 17%;
            }
            .work8_hover_text {
                margin-top: 13%;
                margin-left: 17%;
                padding-right: 23%;
            }
            .work10_hover_text {
                margin-top: 10%;
                margin-left: 25%;
                padding-right: 17%;
            }
            .work12_hover_text {
                margin-left: 27%;
                margin-top: -20%;
                padding-right: 19%;
            }
            .work14_hover_text {
                margin-left: 27%;
                margin-top: 12%;
                padding-right: 17%;
            }
            .work12 {
                padding-bottom: 26vh;
            }
            /*MAKING OF*/
            .making_of {
                padding-left: 14vw;
                padding-bottom: 12vh;
            }
            /*FOOTER*/
        }

        @media screen and (min-width:992px) {

            /*NAV*/
            .sliding {
                margin-left: 10vw;}
            .topnav {
              padding-top:13vh;
              margin-top: -7.5vh;
                  padding-left: 30%;
            }
            /*HOME*/
            .topnav a {
                font-size: 0.75em;
            }
            .about_h1_desktop {
                margin-top: 1vh;
                margin-left: 25vw;
                margin-bottom: 1.5vh;
            }
            .home {
                padding-top: 12vh;
                width: 44vw;
            }
            .introduction {
                margin-left: 25vw;
            }
            /*WORKS*/
            .h1_works {
                margin-bottom: 3vh;
            }
            .left {
                float: left;
                width: 42vw;
            }
            .right {
                float: right;
                width: 42vw;
            }
            .works_desktop {
                display: block;
            }
            .works_mobile {
                display: none;
            }
            h2 {
                font-weight: 800;
                font-size: 1em;
                line-height: 1.4em;
            }
            h3 {
                padding-top: 0.4em;
                font-size: 0.75em;
                padding-bottom: 1.5vh;
            }
            .explanation {
                font-size: 0.95em;
                line-height: 1.3em;
                display: block;
            }
            .explanation_long {
                font-size: 0.95em;
                line-height: 1.3em;
                display: none;
            }
            .mail {
                padding-top: 1.5vh;
                font-size: 0.70em;
                line-height: 3em;
            }
            .image {
                padding-top: 6vh;
            }
            .work1 {
                padding-left: 6vw;
                padding-right: 0vw;
                margin-top: -5vh;
            }
            .work1_hover_text {
                margin-top: 10%;
                margin-left: 28%;
                padding-right: 13%;
            }
            .work2 {
                padding-left: 4vw;
                padding-right: 0vw;
            }
            .work2_hover_text {
                margin-top: -22%;
                margin-left: 28%;
                padding-right: 20%;
            }
            .work3 {
                padding-left: 0vw;
                padding-right: 0vw;
            }
            .work3_hover_text {
                margin-top: 10%;
                margin-left: 18%;
                padding-right: 22%;
            }
            .work4 {
                margin-left: -3vw;
                padding-left: 0vw;
                padding-right: 0vw;
            }
            .work4_hover_text {
                margin-top: 54%;
                padding-right: 15%;
                margin-left: 15%;
            }
            .work5 {
                padding-left: 0vw;
                padding-right: 6vw;
            }
            .work5_hover_text {
                margin-top: 43%;
                margin-left: 15%;
                padding-right: 25%;
            }
            .work6 {
                margin-left: 6%;
                padding-left: 0vw;
                padding-right: 0vw;
            }
            .work6_hover_text {
                margin-top: 10%;
                margin-left: 15.5%;
                padding-right: 15%;
            }
            .work7 {
                padding-left: 0vw;
                padding-right: 6vw;
            }
            .work7_hover_text {
                margin-left: 10%;
                margin-top: 10%;
                padding-right: 16%;
            }
            .work8 {
                margin-left: 6%;
                padding-left: 0vw;
                padding-right: 4vw;
            }
            .work8_hover_text {
                margin-top: 12%;
                margin-left: 12%;
                padding-right: 18%;
            }
            .work9 {
                padding-left: 5vw;
                padding-right: 0vw;
            }
            .work9_hover_text {
                margin-top: 10%;
                margin-left: 20%;
                padding-right: 15%;
            }
            .work10 {
                width: 106%;
                padding-left: 0vw;
                padding-right: 0vw;
                margin-left: -6%;
            }
            .work10_hover_text {
                margin-top: 10%;
                margin-left: 15%;
                padding-right: 13%;
            }
            .work11 {
                padding-left: 0vw;
                padding-right: 6vw;
            }
            .work11_hover_text {
                margin-top: 40%;
                padding-right: 15%;
                margin-left: 12%;
            }
            .work12 {
                float: right;
                margin-left: 0%;
                padding-left: 8vw;
                padding-right: 0vw;
                padding-bottom: 0vh;
            }
            .work12_hover_text {
                margin-left: 30%;
                margin-top: -26%;
                padding-right: 22%;
            }
            .work13 {
                padding-left: 4vw;
                padding-right: 10vw;
            }
            .work13_hover_text {
                margin-top: 24%;
                padding-right: 38%;
                margin-left: 20%;
            }
            .work14 {
                padding-left: 0vw;
                padding-right: 0vw;
            }
            .works {
                float: left;
                padding-bottom: 32vh;
            }
            .work14_hover_text {
                margin-left: 14%;
                margin-top: 10%;
                padding-right: 12%;
            }
            /*MAKING OF*/
            .making_of {
                padding-left: 0vw;
                padding-right: 24vw;
                padding-bottom: 2vh;
            }
            /*FOOTER*/
        }

        @media screen and (min-width:1024px) {
            /*NAV*/
            .sliding {
                margin-left: 10vw;}
            .topnav {
              padding-top:12.5vh;
              margin-top: -7.5vh;
                  padding-left: 30%;
            }
            /*HOME*/
            .about_h1_desktop {
                margin-left: 32vw;
            }
            .introduction {
                margin-left: 32vw;
            }
            .home {
                width: 52vw;
            }
            /*WORKS*/
            .works {
                padding-bottom: 26vh;
            }
            #works {
                padding-top: 14vh;
            }
            /*MAKING OF*/
            .making_of {
                padding-left: 0vw;
                padding-right: 14vw;
            }
            /*FOOTER*/
        }

        @media screen and (min-width:1280px) {
            /*NAV*/

            .sliding {
                margin-left: 11.5vw;}
            .topnav {
              padding-top:12vh;
              margin-top: -7.5vh;
                  padding-left: 32%;
            }
            /*HOME*/
            .about_h1_desktop {
                margin-left: 35.5vw;
            }
            .introduction {
                margin-left: 35.5vw;
                padding-bottom: 20vh;
            }
            .home {
                padding-top: 10vh;
                width: 52vw;
            }
            /*WORKS*/
            .work1_hover_text {
                margin-top: 8%;
                padding-right: 33%;
            }
            .work2_hover_text {
                margin-top: -24%;
                padding-right: 20%;
            }
            .work3_hover_text {
                margin-top: 8%;
                margin-left: 18%;
                padding-right: 28%;
            }
            .work4_hover_text {
                margin-top: 58%;
                padding-right: 30%;
            }
            .work5_hover_text {
                margin-top: 46%;
                padding-right: 25%;
            }
            .work6_hover_text {
                margin-top: 10%;
                padding-right: 28%;
            }
            .work7_hover_text {
                margin-top: 8%;
                padding-right: 24%;
            }
            .work8_hover_text {
                margin-top: 8%;
                padding-right: 28%;
            }
            .work9_hover_text {
                margin-top: 8%;
                margin-left: 26%;
                padding-right: 24%;
            }
            .work10_hover_text {
                margin-top: 10%;
                padding-right: 26%;
            }
            .work11_hover_text {
                margin-top: 40%;
                padding-right: 25%;
            }
            .work12_hover_text {
                margin-top: -28%;
                padding-right: 32%;
            }
            .work13_hover_text {
                margin-top: 28%;
                padding-right: 38%;
            }
            .work14_hover_text {
                margin-top: 8%;
                padding-right: 22%;
            }
            .works {
                padding-bottom: 28vh;
            }
            /*MAKING OF*/
            .making_of {
                padding-left: 0vw;
                padding-right: 29vw;
            }
        }

        @media screen and (min-width:1366px) {
            /*NAV*/
            .sliding {
                margin-left: 12vw;}
            .topnav {
              padding-top:12.5vh;
              margin-top: -7.5vh;
                  padding-left: 32%;
            }
            /*HOME*/
            .home {
                width: 44vw;
            }
            /*WORKS*/
            /*MAKING OF*/
            .making_of {
                padding-left: 0vw;
                padding-right: 34vw;
            }
        }

        @media screen and (min-width:1440px) {
            /*NAV*/
            .sliding {
                margin-left: 12vw;}
            .topnav {
              padding-top:12vh;
              margin-top: -7.5vh;
                  padding-left: 32%;
            }
    #myTopnav {
                position: fixed;
                padding-bottom: 2.5vh;
            }
            /*HOME*/
            .home {
                width: 54vw;
            }
            /*WORKS*/
            .work2_hover_text {
                margin-top: 6%;
                padding-right: 34%;
            }
            .work3_hover_text {
                margin-top: 6% padding-right: 34%;
            }
            .work4_hover_text {
                padding-right: 36%;
            }
            .work5_hover_text {
                padding-right: 34%;
            }
            .work6_hover_text {
                padding-right: 36%;
            }
            .work7_hover_text {
                padding-right: 34%;
            }
            .work8_hover_text {
                padding-right: 34%;
            }
            .work9_hover_text {
                margin-left: 26%;
                padding-right: 30%;
            }
            .work10_hover_text {
                padding-right: 36%;
            }
            .work11_hover_text {
                padding-right: 38%;
            }
            .work12_hover_text {
                margin-top: -30%;
                padding-right: 38%;
            }
            .work13_hover_text {
                padding-right: 42%;
            }
            .work14_hover_text {
                padding-right: 32%;
            }
            .works {
                padding-bottom: 26vh;
            }
            /*MAKING OF*/
            .making_of {
                padding-left: 0vw;
                padding-right: 27vw;
            }
            /*FOOTER*/
        }

        @media screen and (min-width:1600px) {
            /*NAV*/
            .sliding {
                margin-left: 12vw;}
            .topnav {
              padding-top:11.5vh;
              margin-top: -7.5vh;
                  padding-left: 32%;
            }
    #myTopnav {
                position: fixed;
                padding-bottom: 2.5vh;
            }
            /*HOME*/
            .home {
                width: 48vw;
            }
            /*WORKS*/
            .work1_hover_text {
                margin-top: 6%;
                padding-right: 40%;
            }
            .work2_hover_text {
                padding-right: 40%;
            }
            .work3_hover_text {
                margin-top: 5%;
                padding-right: 40%;
            }
            .work4_hover_text {
                margin-top: 58%;
                padding-right: 40%;
            }
            .work5_hover_text {
                margin-top: 46%;
                padding-right: 40%;
            }
            .work6_hover_text {
                padding-right: 44%;
            }
            .work7_hover_text {
                padding-right: 44%;
            }
            .work8_hover_text {
                padding-right: 40%;
            }
            .work9_hover_text {
                margin-left: 26%;
                padding-right: 40%;
            }
            .work10_hover_text {
                padding-right: 44%;
            }
            .work11_hover_text {
                padding-right: 44%;
            }
            .work12_hover_text {
                padding-right: 44%;
            }
            .work13_hover_text {
                margin-top: 28%;
                padding-right: 46%;
            }
            .work14_hover_text {
                padding-right: 46%;
            }
            .works {
                padding-bottom: 26vh;
            }
            /*MAKING OF FLUX*/
            .making_of {
                padding-left: 0vw;
                padding-right: 30vw;
            }
            /*FOOTER*/
        }

        @media screen and (min-width:1680px) {
            /*NAV*/
            .sliding {
                margin-left: 12vw;}
            .topnav {
              padding-top:11.2vh;
              margin-top: -7.5vh;
                  padding-left: 32%;
            }
    #myTopnav {
                position: fixed;
                padding-bottom: 2.5vh;
            }
            /*HOME*/
            .home {
                padding-top: 10vh;
                width: 58vw;
            }
            /*WORKS*/
            .works {
                padding-bottom: 30vh;
            }
            /*MAKING OF FLUX*/
            .making_of {
                padding-left: 0vw;
                padding-right: 24vw;
            }
            /*FOOTER*/
        }

        @media screen and (min-width:1920px) {
            /*NAV*/
            .sliding {
                margin-left: 12vw;}
            .topnav {
              padding-top:11vh;
              margin-top: -7.5vh;
                  padding-left: 38%;
            }
    #myTopnav {
                position: fixed;
                padding-bottom: 2.5vh;
            }
            /*HOME*/
            .about_h1_desktop {
                margin-left: 40vw;
            }
            .introduction {
                margin-left: 40vw;
            }
            /*WORKS*/
            .explanation {
                display: none;
            }
            .explanation_long {
                display: block;
            }
            .work1_hover_text {
                margin-top: 7.5%;
                padding-right: 54%;
            }
            .work2_hover_text {
                padding-right: 50%;
            }
            .work3_hover_text {
                margin-top: 10%;
                padding-right: 53%;
            }
            .work4_hover_text {
                margin-top: 50%;
                padding-right: 50%;
            }
            .work5_hover_text {
                margin-top: 40%;
                padding-right: 48%;
            }
            .work6_hover_text {
                padding-right: 52%;
            }
            .work7_hover_text {
                padding-right: 50%;
            }
            .work8_hover_text {
                padding-right: 50%;
            }
            .work9_hover_text {
                margin-top: 8.5%;
                padding-right: 46%;
            }
            .work10_hover_text {
                padding-right: 54%;
            }
            .work11_hover_text {
                margin-top: 42%;
                padding-right: 54%;
            }
            .work12_hover_text {
                margin-top: -18%;
                margin-left: 58%;
                padding-right: 54%;
            }
            .work13_hover_text {
                margin-top: 22.5%;
                padding-right: 56%;
            }
            .work14_hover_text {
                margin-top: 10%;
                margin-left: 10%;
                padding-right: 52%;
            }
            /*MAKING OF FLUX*/
            .making_of {
                padding-right: 30vw;
            }
            /*FOOTER*/
        }

        @media screen and (min-width:2560px) {
            /*NAV*/
            .sliding {
                margin-left: 12vw;}
            .topnav {
              padding-top:10vh;
              margin-top: -7.5vh;
                  padding-left:40%;
            }
    #myTopnav {
                position: fixed;
                padding-bottom: 2.5vh;
            }
            /*HOME*/
            .about_h1_desktop {
                margin-left: 44vw;
            }
            .introduction {
                margin-left: 44vw;
            }
            /*WORKS*/
            .work1_hover_text {
                padding-right: 63%;
            }
            .work2_hover_text {
                padding-right: 62%;
            }
            .work3_hover_text {
                padding-right: 62%;
            }
            .work4_hover_text {
                padding-right: 56%;
            }
            .work5_hover_text {
                padding-right: 56%;
            }
            .work6_hover_text {
                padding-right: 58%;
            }
            .work7_hover_text {
                padding-right: 62%;
            }
            .work8_hover_text {
                padding-right: 58%;
            }
            .work9_hover_text {
                padding-right: 58%;
            }
            .work10_hover_text {
                padding-right: 60%;
            }
            .work11_hover_text {
                margin-top: 38%;
                padding-right: 58%;
            }
            .work12_hover_text {
                margin-top: -16%;
                margin-left: 30vw;
                padding-right: 64%;
            }
            .work13_hover_text {
                margin-top: 32%;
                padding-right: 56%;
            }
            .work14_hover_text {
                padding-right: 56%;
            }
            .introduction {
                padding-bottom: 18vh;
            }
            #works {
                padding-top: 14vh;
            }
            /*MAKING OF FLUX*/
            .making_of {
                padding-left: 0vw;
                padding-right: 26vw;
            }
            /*FOOTER*/
        }

        @media screen and (min-width:2764px) {
            /*NAV*/
            /*HOME*/
            /*WORKS*/
            .work1_hover_text {
                padding-right: 65%;
            }
            .work2_hover_text {
                padding-right: 64%;
            }
            .work3_hover_text {
                padding-right: 64%;
            }
            .work4_hover_text {
                padding-right: 62%;
            }
            .work5_hover_text {
                padding-right: 60%;
            }
            .work6_hover_text {
                padding-right: 61%;
            }
            .work7_hover_text {
                padding-right: 64%;
            }
            .work8_hover_text {
                padding-right: 60%;
            }
            .work9_hover_text {
                padding-right: 60%;
            }
            .work10_hover_text {
                padding-right: 62%;
            }
            .work11_hover_text {
                padding-right: 60%;
            }
            .work12_hover_text {
                padding-right: 66%;
            }
            .work13_hover_text {
                padding-right: 58%;
            }
            /*FOOTER*/
        }