/***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) {
    body,
    main.content {
        height: 100dvh;
    }
}

/***TABLETS, MOBILES (LANDSCAPE)
*****************************************************/
@media (min-width: 481px) and (max-width: 667px)   {
    :root {
        --fontSizeMedium: 0.75rem;
        --colGutter: calc(var(--spaceX)*1);
    }
}

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

/***MOBILES (PORTRAIT)
*****************************************************/
@media (max-width: 480px) {
    :root {
        --fontSizeMedium: 1rem;
    }
    .desktop_version {
        display: none;
    }
    header {
        width: 100vh;
    }
}