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

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

/***DESKTOP (NOTEBOOKS and DESKTOPS)
*****************************************************/
@media (max-width: 1280px) {
	:root {
		--gridColumns: 2;
    }
}

/***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 (max-width: 767px)   {
    :root {
        --gridColumns: 1;
    }
    .grid .grid_item.data .item_data .data_nav .nav_button:nth-child(1) {
        visibility: hidden;
    }
    main.content .logo_biennale {
        position: absolute;
        top: var(--spaceY);
        right: var(--spaceX);
        z-index: 0;
        width: 150px;
        height: auto;
    }
    .grid .grid_item.data .item_data .data_container .data_main {
    	white-space: normal;
    }
    .grid .grid_item.data .item_data .data_nav {
    	flex: none;
        width: 150px;
    }
}

/***MOBILES (PORTRAIT)
*****************************************************/
@media (max-width: 480px) { 
	main.content .logo_biennale {
        width: 100px;
    }
    .grid .grid_item.data .item_data .data_nav {
        width: 100px;
    }
}