@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
    align-items: center;
}
body {
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: vw;
    overflow:hidden;
}
img {
    display: block;
}
a {
    text-decoration: none;
    color: black;
}
a:hover {
    font-style: italic!important;
}
a:active {
    font-style: italic!important;
}
.italic{
    font-style: italic!important;
    z-index: 100!important;
}
.italicLowestLevel{
    font-style: italic!important;
    z-index: 80!important;
}
.subtitle {
    font-family: 'ff-meta-web-pro', sans-serif;
    font-weight: 400;
    font-size: calc(7px + 0.5vw);
}
.show {
    display: block!important;
}
.hide {
    display: none!important;
}
.lila {
    color:mediumblue;
}
.lila:hover {
    font-style: normal!important;
    color: #7600ff;
}
br {
    line-height: 30px;
}
br.noDist {
    line-height: 0px;
}
div.aboutLegal br {
    line-height: 0px;
}
div.aboutLegal p {
    margin-bottom: 1vw;
}


/***** HEADER *****/

div.nav, div.info, div{
    font-family:'krete';
    font-style: normal;
    text-transform:;
    font-weight: 400;
    font-size: 2.5vw;
    line-height: 1.3;
}
div.nav a:hover{
    padding-right: 3vw;
}
div.info a:hover{
    padding-left: 1.3vw;
}
body.indexhtml div.nav{
    z-index: 100;
}
div.nav {
    position:fixed;
    /*width: 25vw;*/
    left: 28vw;
    text-align: left;
    z-index: 80;
}
div.info{
    position:fixed;
    width: 94vw;
    right: 3vw;
    text-align: right;
    z-index: 0;
}
div.edithfredel{
    top: 2vw;
    width: 6em;
}
div.work{
    top: 5vw;
    width: 3em;
}
div.contact{
    top: 8vw;
    width: 4em;
}
div.about{
    top: 11vw;
    width: 3em;
}
div.burgermenu {
    display: none;
}



/***** DESCRIPTION *****/

div.description{
    display: none;
}
div.goBack {
    display: none;
}
div.descriptionScreenBig{
    position: fixed;
    left:4.5vw;
    width: 20vw;
    height: auto;
    top: 8.7vw;
    font-family: 'ff-meta-web-pro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(7px + 0.5vw);
    line-height: 1.35;
    z-index: 100;
}
a.subtitle {
    font-family: 'ff-meta-web-pro', sans-serif;
    font-weight: 400;
    font-size: calc(7px + 0.5vw);
}



/***** PROJECTS *****/

div.projects {
    position: relative;
    left: 25vw;
    width: 0;
    top: 0vw;
    z-index:/*don't fill!*/;
}
div.projects div/*coverimg*/{
    z-index: 90;
}


/***** KRYPTTYPEFACE COVER *****/

div.krypttypefaceCover {   
    position:static;
    height: 100vh;
    margin-bottom: 20vh;
}
div.krypttypefaceCover1 {
    position: absolute;
    width: 27vw;
    height: 37vw;
    top: 8.5vw;
    left: 30vw;
}
div.krypttypefaceCover2 {
    position: absolute;
    width: 20vw;
    height: 26vw;
    top: 24vw;
    left: 47vw;
    background-color: aquamarine;
    z-index: 89!important;
}


/***** HUSH WINDOW COVER *****/

div.hushwindowCover {
    position: relative;
    width: 0;
    height: 100vh;
    margin-bottom: 20vh;
}
div.hushwindowCover1 {
    position:absolute;
    width: 45vw;
    height: 32vw;
    top: 10vw;
    left: 9vw;
    background-image: url(p/hushwindow/hushwindowCover-d.jpg);
    background-size:cover;
}


/***** CODE COVER *****/

div.codeCover {
    position: relative;
    width: 0;
    height: 100vh;
    margin-bottom: 20vh;
}
div.codeCover1 {
    position: absolute;
    width: 36vw;
    height: 20vw;
    top: 24vw;
    left: 33vw;
    background-image: url(p/code/codeCover-d.png);
    background-size: contain;
}


/***** BELLEVUE DI MONACO COVER *****/

div.bellevuedimonacoCover {
    position: relative;
    width: 0;
    height: 100vh;
    margin-bottom: 20vh;
}
div.bellevuedimonacoCover1 {
    position: absolute;
    width: 28vw;
    height: 42vw;
    top: 2vw;
    left: 15vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco08-d.jpg);
    background-size:contain;
}


/***** TOURIST COVER *****/

div.touristCover {
    position: relative;
    width: 0;
    height: 100vh;
    margin-bottom: 20vh;
}
div.touristCover1 {
    position: absolute;
    width: 25vw;
    height: 37.5vw;
    top: 6.5vw;
    left: 42vw;
    background-image: url(p/tourist/tourist04-d.jpg);
    background-size:cover;
}
div.touristCover2 {
    position: absolute;
    width: 15vw;
    height: 22.5vw;
    top: 29vw;
    left: 25vw;
    background-image: url(p/tourist/tourist03-d.jpg);
    background-size:cover;
}


/***** MHM MAGAZIN COVER *****/

div.mhmmagazinCover {
    position: relative;
    width: 0;
    height: 100vh;
    margin-bottom: 20vh;
}
div.mhmmagazinCover1 {
    position: absolute;
    width: 35vw;
    height: 24vw;
    top: 3.5vw;
    left: 30vw;
    background-image: url(p/mhmmagazin/mhmmagazin03-d.jpg);
    background-size:cover;
}
div.mhmmagazinCover2 {
    position: absolute;
    width: 20vw;
    height: 30vw;
    top: 13.5vw;
    left: 6vw;
    background-image: url(p/mhmmagazin/mhmmagazin06-d.jpg);
    background-size:cover;
}


/***** DER MONOTON COVER *****/

div.dermonotonCover {
    position: relative;
    width: 0;
    height: 100vh;
    margin-bottom: 20vh;
}
div.dermonotonCover1 {
    position: absolute;
    width: 36vw;
    height: 7vw;
    top: 26vw;
    left: 32.6vw;
    border: 0.1vw solid #dbdbdb;
    background-image: url(p/dermonoton/dermonotonCover.gif);
    background-size:cover;
}


/***** FARBEN DES ZERFALLS COVER *****/

div.farbendeszerfallsCover {
    position: relative;
    width: 0;
    height: 100vh;
    margin-bottom: 20vh;
}
div.farbendeszerfallsCover1 {
    position: absolute;
    width: 43vw;
    height: 26vw;
    top: 3.8vw;
    left: 23vw;
    background-image: url(p/farbendeszerfalls/farbendeszerfallsCover.jpg);
    background-size:cover;
}


/***** PIGMENT COVER *****/

div.pigmentCover {
    position: relative;
    width: 0;
    height: 100vh;
    margin-bottom: 20vh;
}
div.pigmentCover1 {
    position: absolute;
    width: 45vw;
    height: 30vw;
    top: 15.5vw;
    left: 0vw;
    background-image: url(p/pigment/pigment05-d.jpg);
    background-size:cover;
}
div.pigmentCover2 {
    position: absolute;
    width: 15vw;
    height: 22.5vw;
    top: 5vw;
    left: 51.5vw;
    background-image: url(p/pigment/pigment02-d.jpg);
    background-size:cover;
}


/***** DER KLEINE FLO COVER *****/

div.derkleinefloCover {
    position: relative;
    width: 0;
    height: 100vh;
    margin-bottom: 20vh;
}
div.derkleinefloCover1 {
    position: absolute;
    width: 22vw;
    height: 41.7vw;
    top: 2.5vw;
    left: 30vw;
    background-image: url(p/derkleineflo/derkleineflo04-d.jpg);
    background-size: contain;
    border: 1.5px solid black;
}




/***** PROJECT ELEMENTS *****/

div.projectElements {
    position: absolute;
    left: 3vw;
    top: 6.3vw;
    width: 91vw;
    height: 83vh;
    z-index:/*don't fill!*/; 
    overflow-y:scroll;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    overflow-x: hidden;
    background-color:#fafafa;
}
div.projectElements div {
    z-index: 90;
}



/***** DESCRIPTIONMENU *****/

div.descriptionmenu {
    display: none;
}
#descriptionOpen {
    display: none;
}
#descriptionClose {
    display: none;
}

/***** KRYPTTYPEFACE ELEMENTS *****/

div.krypttypefaceElement1{
    position: absolute;
    width: 9.5vw;
    height: 13vw;
    top: 2.5vw;
    left: 44vw;
}
div.krypttypefaceElement1m {
    display: none;
}
div.krypttypefaceElement2 {
    position: absolute;
    width: 37vw;
    height: 20vw;
    top: 21vw;
    left: 52vw;
    border-top: 1px solid black;
}
div.krypttypefaceElement2m {
    display: none;
}
div.krypttypefaceElement3 {
    position: absolute;
    width: 17vw;
    top: 17vw;
    left: 10vw;
    z-index: 91!important;
}
div.krypttypefaceElement3m {
    display: none;
}
div.krypttypefaceElement4 {
    position: absolute;
    width: 14vw;
    height: 20vw;
    top: 9.8vw;
    left: 6.5vw;
    background-color: aquamarine;
}


/***** HUSHWINDOW ELEMENTS *****/

div.hushwindowElement1{
    position: absolute;
    width: 59vw;
    height: 33.19vw;
    top: 8vw;
    left: 27vw;
}
div.hushwindowElement2{
    position: absolute;
    width: 28vw;
    height: 42vw;
    top: 55vw;
    right: 13vw;
}
div.hushwindowElement3{
    position: absolute;
    width: 59vw;
    height: 47.2vw;
    top: 115vw;
    left: 27vw;
    background-image: url(p/hushwindow/hushwindow01-d.jpg);
    background-size: contain;
}
div.hushwindowElement4{
    position: absolute;
    width: 23vw;
    height: 34.5vw;
    top: 175vw;
    left: 27vw;
    background-image: url(p/hushwindow/hushwindow02-d.jpg);
    background-size: contain;
}
div.hushwindowElement5{
    position: absolute;
    width: 23vw;
    height: 34.5vw;
    top: 175vw;
    right: 13vw;
    background-image: url(p/hushwindow/hushwindow03-d.jpg);
    background-size: contain;
    margin-bottom: 5vw;
}



/***** CODE ELEMENTS *****/

div.codeElement1{
    position: absolute;
    width: 38vw;
    height: 21.18vw;
    top: 11vw;
    right: 0vw;
}
div.codeElement1m {
    display: none;
}
div.codeElement2{
    position: absolute;
    width: 30vw;
    height: 16.72vw;
    top: 36vw;
    right: 25vw;
    background-image: url(p/code/code02-d.jpg);
    background-size: cover;
    margin-bottom: 8vw;
}



/***** BELLEVUE DI MONACO ELEMENTS *****/

div.bellevuedimonacoElement1 {
    position: absolute;
    width: 30vw;
    height: 45vw;
    top: 6vw;
    left: 57vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco01-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement2 {
    position: absolute;
    width: 20vw;
    height: 26.5vw;
    top: 65vw;
    left: 40vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco02-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement3 {
    position: absolute;
    width: 20vw;
    height: 26.5vw;
    top: 78.3vw;
    left: 61vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco02-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement4 {
    position: absolute;
    width: 20vw;
    height: 26.5vw;
    top: 93vw;
    left: 40vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco02-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement5 {
    position: absolute;
    width: 20vw;
    height: 26.5vw;
    top: 106.3vw;
    left: 61vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco02-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement6 {
    position: absolute;
    width: 28vw;
    height: 19vw;
    top: 148vw;
    left: 27vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco03-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement7 {
    position: absolute;
    width: 18vw;
    height: 18vw;
    top: 160vw;
    left: 63vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco04-d.gif);
    background-size: cover;
}
div.bellevuedimonacoElement8 {
    position: absolute;
    width: 55vw;
    height: 36vw;
    top: 195vw;
    right: 0vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco05-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement9 {
    position: absolute;
    width: 15vw;
    height: 20vw;
    top: 255vw;
    left: 26vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco06-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement10 {
    position: absolute;
    width: 15vw;
    height: 20vw;
    top: 255vw;
    left: 42vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco06-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement11 {
    position: absolute;
    width: 15vw;
    height: 20vw;
    top: 255vw;
    left: 58vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco06-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement12 {
    position: absolute;
    width: 15vw;
    height: 20vw;
    top: 276vw;
    left: 26vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco06-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement13 {
    position: absolute;
    width: 15vw;
    height: 20vw;
    top: 276vw;
    left: 10vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco06-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement14 {
    position: absolute;
    width: 15vw;
    height: 20vw;
    top: 276vw;
    left: 42vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco06-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement15 {
    position: absolute;
    width: 50vw;
    height: 37vw;
    top: 310vw;
    left: 35vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco07-d.gif);
    background-size: cover;
}
div.bellevuedimonacoElement16 {
    position: absolute;
    width: 45vw;
    height: 67vw;
    top: 360vw;
    left: 27vw;
    margin-bottom: 10vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco08-d.jpg);
    background-size: cover;
}
    

/***** TOURIST ELEMENTS *****/

div.touristElement1 {
    position: absolute;
    width: 20vw;
    height: 30vw;
    top: 6vw;
    right: 20vw;
    background-image: url(p/tourist/tourist01-d.jpg);
    background-size: cover;
}
div.touristElement2 {
    position: absolute;
    width: 12vw;
    height: 18vw;
    top: 25vw;
    right: 5vw;
    background-image: url(p/tourist/tourist02-d.jpg);
    background-size: cover;
}
div.touristElement3 {
    position: absolute;
    width: 30vw;
    height: 45vw;
    top: 83vw;
    right: 6vw;
    background-image: url(p/tourist/tourist03-d.jpg);
    background-size: cover;
}
div.touristElement4 {
    position: absolute;
    width: 20vw;
    height: 30vw;
    top: 75vw;
    left: 30vw;
    background-image: url(p/tourist/tourist04-d.jpg);
    background-size: cover;
}
div.touristElement5 {
    position: absolute;
    width: 15vw;
    height: 22.5vw;
    top: 97vw;
    left: 1.5vw;
    background-image: url(p/tourist/tourist05-d.jpg);
    background-size: cover;
}
div.touristElement6 {
    position: absolute;
    width: 30vw;
    height: 45vw;
    top: 160vw;
    left: 5vw;
    background-image: url(p/tourist/tourist06-d.jpg);
    background-size: cover;
}
div.touristElement7 {
    position: absolute;
    width: 20vw;
    height: 30vw;
    top: 185vw;
    right: 25vw;
    background-image: url(p/tourist/tourist07-d.jpg);
    background-size: cover;
    margin-bottom: 7vw;
}



/***** MHMMAGAZIN ELEMENTS *****/

div.mhmmagazinElement1 {
    position: absolute;
    width: 55vw;
    height: 36.6vw;
    top: 25.5vw;
    left: 1.5vw;
    background-image: url(p/mhmmagazin/mhmmagazin01-d.jpg);
    background-size: cover;
}
div.mhmmagazinElement2 {
    position: absolute;
    width: 20vw;
    height: 30vw;
    top: 7vw;
    right: 4vw;
    background-image: url(p/mhmmagazin/mhmmagazin02-d.jpg);
    background-size: cover;
}
div.mhmmagazinElement3 {
    position: absolute;
    width: 60vw;
    height: 40vw;
    top: 77vw;
    right: 0vw;
    background-image: url(p/mhmmagazin/mhmmagazin03-d.jpg);
    background-size: cover;
}
div.mhmmagazinElement4 {
    position: absolute;
    width: 30vw;
    height: 45vw;
    top: 130vw;
    left: 7.5vw;
    background-image: url(p/mhmmagazin/mhmmagazin04-d.jpg);
    background-size: cover;
}
div.mhmmagazinElement5 {
    position: absolute;
    width: 40vw;
    height: 26.6vw;
    top: 165vw;
    right: 4vw;
    background-image: url(p/mhmmagazin/mhmmagazin05-d.jpg);
    background-size: cover;
}
div.mhmmagazinElement6 {
    position: absolute;
    width: 50vw;
    height: 75vw;
    top: 210vw;
    left: 15vw;
    background-image: url(p/mhmmagazin/mhmmagazin06-d.jpg);
    background-size: cover;
}
div.mhmmagazinElement7 {
    position: absolute;
    width: 50vw;
    height: 36.6vw;
    top: 300vw;
    right: 7vw;
    background-image: url(p/mhmmagazin/mhmmagazin07-d.jpg);
    background-size: cover;
    margin-bottom: 5vw;
}



/***** DERMONOTON ELEMENTS *****/

div.dermonotonElement1 {
    position: absolute;
    width: 50vw;
    height: 25vw;
    top: 3.7vw;
    left: 31vw;
}
div.dermonotonElement2 {
    position: absolute;
    width: 20vw;
    height: auto;
    top: 30.5vw;
    left: 61vw;
}
div.dermonotonElement3 {
    position: absolute;
    top: 30.9vw;
    left: 62.35vw;
    display: flex;
}
div.dermonotonElement3 div{
    width: 3.3vw;
    height: 3.3vw;
    margin-right: 0.36vw;
    cursor: pointer;
}


/***** FARBENDESZERFALLS ELEMENTS *****/

div.farbendeszerfallsElement1 {
    position: absolute;
    width: 54vw;
    height: 36vw;
    top: 6vw;
    right: 0vw;
    background-image: url(p/farbendeszerfalls/fabendeszerfalls01-d.jpg);
    background-size: cover;
}
div.farbendeszerfallsElement2 {
    position: absolute;
    width: 22vw;
    height: 15vw;
    top: 50vw;
    left: 7vw;
    background-image: url(p/farbendeszerfalls/fabendeszerfalls02-d.jpg);
    background-size: cover;
}
div.farbendeszerfallsElement3 {
    position: absolute;
    width: 36vw;
    height: 24vw;
    top: 70vw;
    left: 47vw;
    background-image: url(p/farbendeszerfalls/fabendeszerfalls03-d.jpg);
    background-size: cover;
}
div.farbendeszerfallsElement4 {
    position: absolute;
    width: 33vw;
    height: 49vw;
    top: 85vw;
    left: 11vw;
    background-image: url(p/farbendeszerfalls/fabendeszerfalls04-d.jpg);
    background-size: cover;
}
div.farbendeszerfallsElement5 {
    position: absolute;
    width: 18vw;
    height: 27vw;
    top: 113vw;
    right: 3vw;
    background-image: url(p/farbendeszerfalls/fabendeszerfalls05-d.jpg);
    background-size: cover;
}
div.farbendeszerfallsElement6 {
    position: absolute;
    width: 53.5vw;
    height: 36vw;
    top: 150vw;
    right: 0vw;
    margin-bottom: 5vw;
    background-image: url(p/farbendeszerfalls/fabendeszerfalls06-d.jpg);
    background-size: cover;
}


/***** PIGMENT ELEMENTS *****/

div.pigmentElement1 {
    position: absolute;
    width: 20vw;
    height: 14vw;
    top: 10vw;
    left: 65vw;
    background-image: url(p/pigment/pigment01-d.jpg);
    background-size: cover;
}
div.pigmentElement2 {
    position: absolute;
    width: 40vw;
    height: 60vw;
    top: 26vw;
    left: 7vw;
    background-image: url(p/pigment/pigment02-d.jpg);
    background-size: cover;
}
div.pigmentElement3 {
    position: absolute;
    width: 28vw;
    height: 18.5vw;
    top: 40vw;
    left: 52vw;
    background-image: url(p/pigment/pigment03-d.jpg);
    background-size: cover;
}
div.pigmentElement4 {
    position: absolute;
    width: 33vw;
    height: 22vw;
    top: 78vw;
    right: 0vw;
    background-image: url(p/pigment/pigment04-d.jpg);
    background-size: cover;
}
div.pigmentElement5 {
    position: absolute;
    width: 40vw;
    height: 27vw;
    top: 110vw;
    left: 23vw;
    background-image: url(p/pigment/pigment05-d.jpg);
    background-size: cover;
}
div.pigmentElement6 {
    position: absolute;
    width: 40vw;
    height: 60vw;
    top: 150vw;
    right: 10vw;
    background-image: url(p/pigment/pigment06-d.jpg);
    background-size: cover;
    margin-bottom: 2vw;
}
div.pigmentElement7 {
    position: absolute;
    width: 25vw;
    height: 17vw;
    top: 180vw;
    left: 5vw;
    background-image: url(p/pigment/pigment07-d.jpg);
    background-size: cover;
}



/***** DER KLEINE FLO *****/

div.derkleinefloElement1 {
    position: absolute;
    width: 20vw;
    height: 37.9vw;
    top: 10vw;
    right: 13vw;
    background-image: url(p/derkleineflo/derkleineflo01-d.jpg);
    background-size: cover;
    border: 1.5px solid black;
}
div.derkleinefloElement2 {
    position: absolute;
    width: 20vw;
    height: 37.9vw;
    top: 20.2vw;
    right: 37vw;
    background-image: url(p/derkleineflo/derkleineflo02-d.jpg);
    background-size: contain;
    border: 1.5px solid black;
}
div.derkleinefloElement3 {
    position: absolute;
    width: 20vw;
    height: 37.9vw;
    top: 52.5vw;
    right: 13vw;
    background-image: url(p/derkleineflo/derkleineflo03-d.jpg);
    background-size: contain;
    border: 1.5px solid black;
}
div.derkleinefloElement4 {
    position: absolute;
    width: 20vw;
    height: 37.9vw;
    top: 62.5vw;
    right: 37vw;
    background-image: url(p/derkleineflo/derkleineflo04-d.jpg);
    background-size: contain;
    border: 1.5px solid black;
}


/***** ABOUT *****/

div.aboutElement1 {
    position: absolute;
    width: 40vw;
    height: 26.6vw;
    top: 0vw;
    left: 0vw;
    background-image: url(p/about/about01-d.jpg);
    background-size: cover;
}
div.aboutElements {
    position: absolute;
    left: 3vw;
    top: 6.3vw;
    width: 91vw;
    height: 83vh;
    z-index:/*don't fill!*/; 
    overflow-y:hidden;
    overflow-x: hidden;
}
div.legalElements {
    position: absolute;
    left: 3vw;
    top: 6.3vw;
    width: 91vw;
    height: 83vh;
    z-index:/*don't fill!*/; 
    overflow-y:scroll;
    overflow-x: hidden;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    background-color:#fafafa;
}
div.aboutElements div {
    z-index: 90;
}
div.aboutText {
    position: absolute;
    width: 30vw;
    top: calc(20vw + 7vh);
    left: 47vw;
}
div.aboutLegal {
    width: 50vw;
    margin-left: 2vw;
    margin-top: 5vw;
    margin-bottom: 3vw;
}

/***** TEST *****/


div.test {
    position: fixed;
    background-color: antiquewhite;
    font-size: 2vw;
    right: 5vw;
    bottom: 10vw;
    width: 25vw;
    height: 5vw;
    z-index: 200;
}

nav {
    position: fixed;
    font-family:'krete';
    font-style: normal;
    text-transform:;
    font-weight: 400;
    font-size: 9vw;
    line-height: 1.22;
    /*width: 25vw;*/
    left: 26vw;
    text-align: left;
    z-index: 80;
    top: 8.4vw;
    width: 100vw;
}
nav ul {
    list-style-type: none;
}