/***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 {
        --fontSizeSmall: 0.75rem;
        --fontSizeMedium: 0.8rem;
        --fontSizeLarge: 2em;
        --lineHeightLow: 1.2;
        --lineHeightHigh: 1.2;
    }
    .alpha_bg {
        background-size: 2px 2px;
        background-position: 0 0, 1px 1px;
    }
    @media (min-resolution: 2dppx) {
        .alpha_bg {
            background-size: 2px 2px;
            background-position:0 0, 1px 1px;
        }
    }
    header {
        flex-direction: column;
    }
    section.list .row .data a.label {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

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