/* vim: set ft=css:
   usefull: set nodiff, set nofoldenable */

/*
 pre pokračujúce (nestránkové) média sa prostredníctvom viewport môže špecifikovať veľkosť inicializačného bloku
 inicializačný viewport je veľkosť okna alebo zobrazovacej plochy
 pre mobilné nastavím veľkost inicializačného bloku na veľkosť zobrazovacieho zariadenia
 pre desktopové UA nemá dopad
 http://dev.w3.org/csswg/css-device-adapt/

 viewport zatial nie je v prehliadacoch podporovany a je potrebne pouzivat meta tag s nazvom viewport
@viewport {
    zoom: 1;
    width: auto;
    height: extend-to-zoom 100%;
}
*/

/* @import url("/css/mobiles.css") (max-device-width: 320px); */
/* @import url("/css/tablets.css") (min-device-width: 321px) and (max-device-width: 940px); */
/* @import url("/css/desktops.css") (min-device-width: 941px); */

@import url("common.css"); /* spolocne nastavenia pre vsetky css */

@import url("desktops.css");

@media screen and (min-width: 321px) and (max-width: 940px) {

    html {
        font-size: 52.5%; /* zmensim velkost pisma rootovskeho elementu, a kedze pouzivam jednotky rem, tak sa mi zmensia vsetky objekty */
    }

    #mainContent {
        width: 100%;
        margin: 0;
    }

    #mainContainer {
        padding: 0.2rem 0.2rem 0 0.2rem;
    }
}

@media screen and (max-width: 320px) {

    html {
        font-size: 42.5%; /* zmensim velkost pisma rootovskeho elementu, a kedze pouzivam jednotky rem, tak sa mi zmensia vsetky objekty */
    }
    
    #mainContent {
        width: 100%;
        margin: 0;
    }

    #mainContainer {
        padding: 0.2rem 0.2rem 0 0.2rem;
    }
}