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

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

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

/***DESKTOPS (MEDIUM SCREEN)
*****************************************************/
@media (min-width: 1281px) {  
}

/***DESKTOP (NOTEBOOKS and DESKTOPS)
*****************************************************/
@media (min-width: 1025px) and (max-width: 1280px) {
}

/***FROM TABLETS TO MOBILES (LANDSCAPE and PORTRAIT)
*****************************************************/
@media (max-width: 1024px) {
    /***VIEWPORT HEIGHT***/
    :root {
        --viewportHeight: calc(var(--vh, 1vh) * 100);
    }
    body {
        height: 100vh; /* Fallback */
        height: var(--viewportHeight);
    }
    body main.content {
		padding-bottom: var(--headerHeight);
    }
    .site_name {
    	width: 100vw;
    	height: 100vh;
    	position: fixed;
    	top: 0;
    	left: 0;
        transform: translate(0);
	}
    .site_name a {
    	width: 100%;
    	height: 100%;
    	display: flex;
    	justify-content: center;
    	align-items: center;
	}
    body#work .slider .slider_nav .zoom {
        display: none;
    }
    .cursor_area .cursor {
        display: none;
    }
    .scroll_x {
        overflow-x: scroll;
	}
    .exhib_cover .cover_data {
    	opacity: 1;
    }
    .exhib_data {
    	display: inline-block;
        padding: var(--spaceY) var(--spaceY);
    }
    .exhib_data .data_menu {
    	display: none;
    }
    .exhib_data .data_stack {
    	display: inline-block;
    }
    .exhib_data .data_stack .data_main {
    	position: static;
		padding-top: 0;
    }
}

/***TABLETS (LANDSCAPE)
*****************************************************/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

/***TABLETS (PORTRAIT)
*****************************************************/
@media (min-width: 768px) and (max-width: 1024px) {
}

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

/***MOBILES (PORTRAIT)
*****************************************************/
@media (max-width: 480px) {
	nav.menu li.menu_item.work .shuffle > img {
    	display: none;
    }
	nav.menu li.menu_item.exhibs {
    	grid-column: 2 / 5;
    }
    nav.menu li.menu_item.info {
        grid-column: 5 / 6;
    }
    body#work .slider .slides,
    body#work .slider .slide {
    	height: calc(var(--mainHeight) - var(--headerHeight) + var(--rowGutter)*1);
    }
	body#work .slider .slide {
    	margin-top: var(--headerHeight);
    }
    body#work .slider .close_slider_button {
    	height: calc(var(--headerHeight) - var(--spaceY)*2);
    }
    .exhib_media .thumbs_reel {
    	padding-bottom: calc(var(--headerHeight)*2);
    }
    .exhib_media .exhib_slider {
    	height: calc(var(--mainHeight) - var(--headerHeight) + var(--rowGutter)*1);
    }
    .exhib_data {
    	height: calc(var(--mainHeight) - var(--headerHeight));
    }
    .info_data {
    	display: inline-block;
        padding: var(--spaceY) var(--spaceY);
    }
    .info_data .info_contact {
    	position: static;
        padding-top: 0;
    }
    .info_data .info_bio {
		padding-top: var(--rowGutter);
	}
}