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

@media (max-width: 915px){ /*tablet + mobile common */


}

@media (min-width: 568px) and (max-width: 915px) and (orientation: landscape){
    .mobile{ display: none; }
    .desktop:not(.tablet){ display: none; }
    site{ font-size: 1.5vw; }

}


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

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

    h2{ font-size: 1.25rem; }

}