/***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);
    }
}

/***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) {
	:root {
        --fontSizeSmall: 0.75rem;
        --fontSizeMedium: 1.25rem;
        --fontSizeLarge: 2.5rem;
        --fontSizeXLarge: 20vw;
    }
    .root {
    	display: none;
	}
    article.list_row .row_data {
    	grid-column: 4 / 7;
    }
}

/***MOBILES (PORTRAIT)
*****************************************************/
@media (min-width: 481px) {
	header .menu_mobile_button,
    nav.menu_mobile {
    	display: none;
	}
}

@media (max-width: 480px) {
	:root {
        --fontSizeSmall: 0.75rem;
        --fontSizeMedium: 1.25rem;
        --fontSizeLarge: 2.25rem;
        --fontSizeXLarge: 20vw;
    }
    .frame_vr {
    	width: 50vh;
        height: 30vh;
    }
	body#index header {
    	width: 100%;
        left: 0;
        padding-inline: var(--spaceX);
    	background: var(--backColor);
        border-bottom: var(--borderLine);
    }
	body header .site_name span.header_logo {
    	display: none;
	}
    body:not(#index) header .site_name span.header_logo_min {
    	display: inline;
	}
    body:not(#index) header .site_name span.header_logo {
    	display: none;
	}
    header nav.menu {
    	display: none;
	}
    header .menu_mobile_button {
    	display: inline;
    }
    nav.menu_mobile {
        /*display: inline-block;*/
        position: fixed;
        width: 100%;
        height: calc(100vh - var(--headerHeight));
        top: calc(var(--headerHeight) + var(--borderWidth));
        transform: translateY(-100%);
        left: 0;
        padding: var(--spaceY) var(--spaceX);
        line-height: 1;
        background: var(--backColor);
        transition: transform 0.3s;
        z-index: 50;
	}
    nav.menu_mobile.open {
        transform: translateY(0);
	}
    .marquee {
    	padding: 3vw;
    }
    nav.menu_mobile a {
        display: block;
	}
    section.side_panel {
    	display: none;
    }
    .column_grid {
        display: inline-block;
    }
    section.projects_list {
    	grid-column: 1/8;
    }
    article.list_row a .row_cover {
    	grid-column: 1 / 7;
    }
    article.list_row .row_title {
    	grid-column: 1 / 3;
    }
    article.list_row .row_data {
    	grid-column: 3 / 7;
    }
    .root {
    	display: none;
	}
    .data .data_row {
    	height: auto;
    	grid-template-columns: var(--fiveColsGrid);
        grid-gap: 0 var(--colGutter);
    }
    .data .data_row .row_status,
    .data .data_row .row_location {
    	grid-column: 3 / 6;
	}
    .data .data_content .data_text {
    	grid-column: 1 / 8;
    }
    section.statement {
    	grid-column: 1 / 8;
    }
    .info_stack {
    	grid-column: 1 / 8;
    }
    .info_stack .stack_content {
    	display: inherit;
    }
    .stack_content > * {
    	width: 100%;
        margin-bottom: var(--rowGutterSmall);
    }
}