/***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);
    }
    header {
    	position: fixed;
        top: 0;
        margin-top: 0;
    }
    body#index header {
    	margin-top: 0;
    }
    .intro_media .slider {
    	height: 100vh; /* Fallback */
        height: var(--viewportHeight);
    }
    body#index main.content {
        margin-top: 100vh;
    }
    body:not(#index) main.content {
        margin-top: calc(var(--headerHeight) - var(--rowGutterSmall));
    }
    main.content {
    	padding-block: var(--rowGutterSmall) var(--mainBottomSpace);
    }
}

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

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

/*** NOT MOBILES (PORTRAIT)
*****************************************************/
@media (min-width: 481px) {
	.mobile {
    	display: none;
    }
}

/***MOBILES (PORTRAIT)
*****************************************************/
@media (max-width: 480px) {
	:root {
        --fontSizeSmall: 0.75rem;
        --fontSizeMedium: 1rem;
        --fontSizeLarge: 1.25rem;
    }
	.desktop {
    	display: none;
    }
    body.scroll_less {
        overflow: hidden;
    }
    nav.menu ul h1.site_name a img {
    	height: 18px;
	}
    .menu_button {
    	position: absolute;
        top: -3px;
        right: 0;
        padding-left: 25%;
        transform: rotate(0);
    }
    .menu_button span {
        transition: transform var(--transitionDurationSlow);
    }
    .menu_button.open span {
		position: absolute;
        transform: rotate(45deg);
        transform-origin: center;
        right: 0;
    }
    nav.menu.mobile {
    	/*
    	height: calc(100vh - var(--headerHeight));
        height: calc(var(--viewportHeight) - var(--headerHeight));
        */
        height: max-content;
    	position: fixed;
		top: var(--headerHeight);
        padding: 0 var(--spaceX) var(--rowGutterSmall);
        background: var(--backColor);
        transition: transform var(--transitionDurationSlow);
        z-index: 100;
    }
    nav.menu.mobile:not(.open) {
    	transform: translateY(-125%);
    }
    nav.menu.mobile.open {
    	transform: translateY(0);
    }
    nav.menu.mobile ul,
    nav.menu.mobile ul li{
    	display: block
    }
    nav.menu li.menu_item.lang {
    	text-align: left;
    }
	.intro_text {
    	grid-column: span 12;
        margin-bottom: calc(var(--rowGutterLarge) * 1);
    }
	body#index .thumb_grid .thumb,
    body#work .thumb_grid .thumb,
    body#project .thumb_grid .thumb {
    	grid-column: span 12;
	}
    section.entry_media,
    section.entry_data {
    	position: static;
    	grid-column: span 12;
        padding-top: calc(var(--rowGutterSmall) * 3);
    }
    section.entry_media {
    	order: 2;
    }
    section.entry_data {
    	order: 1;
    }
    main.content {
    	filter: brightness(1);
    	transition: filter var(--transitionDurationSlow);
    }
    main.content.off {
    	filter: brightness(0.75);
    }
    body#news .thumb_grid {
        grid-gap: calc(var(--rowGutterSmall) * 2) var(--colGutter);
    }
    body#news .thumb_grid .thumb {
    	grid-column: span 6;
    }
    body#info .column {
    	grid-column: span 12;
    }
    body#info .column.profile {
    	/*display: none;*/
    }
    .cv.awards.mobile {
    	margin-top: calc(var(--rowGutter) * 3);
    } 
	footer .contact {
        display: flex;
        flex-direction: column;
        gap: 0 var(--colGutter);
        justify-content: space-between;
        align-items: start;
        position: relative;
    }
    footer .contact > p:last-child {
        bottom: 0;
    }
}