@media (min-width: 1540px){
    .mobile{ display: none; }
    .tablet:not(.desktop){ display: none; }
}

@media (max-width: 1539px){ /*tablet + mobile common */
    html,body{ font-size: 1vw; }

}

@media (min-width: 568px) and (max-width: 1539px) and (orientation: landscape){
    .mobile{ display: none; }
    .desktop:not(.tablet){ display: none; }

}


@media (max-width: 567px) and (orientation: portrait){
    .desktop{ display: none; }
    .tablet{ display: none; }

    html,body{ font-size: 4vw; }
    site{ overflow-y: hidden; }


}