/***DESKTOPS (X-LARGE SCREEN)
*****************************************************/
@media (min-width: 1920px) {  
}

/***DESKTOPS (LARGE SCREEN)
*****************************************************/
@media (min-width: 1600px) {
}

/***NOTEBOOKS (MEDIUM SCREEN)
*****************************************************/
@media (min-width: 1024px) and (max-width: 1599px) {
}

/***FROM TABLETS TO MOBILES
*****************************************************/
@media (max-width: 1023px) {
    :root {
        /***VIEWPORT HEIGHT***/
        --viewportHeight: calc(var(--vh, 1vh) * 100);
        
    }
    body {
        height: 100vh; /* Fallback */
        height: var(--viewportHeight);
    }
}

/***TABLETS, MOBILES (LANDSCAPE)
*****************************************************/
@media (min-width: 481px) and (max-width: 1023px)   {
}

/***MOBILES (PORTRAIT)
*****************************************************/
@media (max-width: 515px) {
    :root {
        --spaceY: calc(var(--fontSize) * 2);
        --spaceX: calc(var(--fontSize) * 1.45);
    }
    img.background {
        height: 100vh;
        height: var(--viewportHeight);
    }
    main.content .logo_biennale {
        display: none;
    }
    main.content .logo {
        width: 100%;
    }
    span.dash {
        display: none;
    }
    span.line {
        display: block;
    }
}