/***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)   {
    :root {
        --fontSizeSmall: 0.75rem;
        --fontSizeMedium: 2rem;
        --fontSizeLarge: 5rem;
        --gridColumns: 4;
    }
}

/***MOBILES (PORTRAIT)
*****************************************************/
@media (max-width: 480px) {
    :root {
        --fontSizeSmall: 0.75rem;
        --fontSizeMedium: 2rem;
        --fontSizeLarge: 5rem;
        --gridColumns: 2;
    }
    body.scroll_less {
        overflow: hidden;
    }
    nav.menu:not(.on) {
       display: none; 
    }
    nav.menu.on {
        display: inline-block; 
    }
    main.content {
        max-height: fit-content;
        padding-bottom: var(--spaceY);
    }
    .column:nth-child(3) {
        display: none;
    }
    .column:nth-child(4) {
        display: none;
    }
    .column .column_item.logo_casa {
        transform: translateX(0%);
    }
}