/********************************
        MEDIA QUERIES: 
      CONTENT - NASLOVNA
********************************/

/* LANSCAPE - From 50px 
@media(max-height: 500px) {

}*/

/* WIDESCREEN - From 1201 */
@media(min-width: 1201px) {
    
} 

/* NORMAL II - From 991px-Bootstrap To 1200px */
@media(min-width: 992px) and (max-width: 1200px) {
    
}

/* NORMAL I - From 769px To 991px-Bootstrap */
@media(min-width: 769px) and (max-width: 991px) {
   
}

/* TABLET From 501px To 768px */
@media(min-width: 501px) and (max-width: 768px) {
    .about h1 {
        letter-spacing: 0.1em;
        font-size: 2rem;
        font-weight: 600;
        padding-top: 1rem;
    }
    #ponuda, #podnaslov {
        color: #000;
        font-size: 1rem;
        font-weight: 600;
    }
    #podnaslov {
        text-transform: uppercase;
    }
    #reklamni_panel h4 {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 1rem;
    }
    #reklamni_panel p {
        font-size: 0.8rem;
        font-weight: 500;
        color: #000;
    }
    
    .akcijske_ponude h1 {
        font-family: Georgia, 'Times New Roman', Times, serif;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding-top: 1rem;
        font-size: 2rem;
    }
    .akcijske_ponude p {
        text-transform: uppercase;
        font-size: 0.8rem;
        font-weight: 600;
        color: #000;
    }
}

/* SMARTPHONE From 320px To 500px */
@media(min-width: 321px) and (max-width: 500px) {
    .about h1,
    .akcijske_ponude h1 {
        display: none;
    }
    #naslov_sajta_ime,
    #naslov_sajta_prezime,
    #akcijske_ponude_prvo,
    #akcijske_ponude_drugo {
        display: block;
        font-size: 1.8rem;
    }
    #naslov_sajta_ime,
    #akcijske_ponude_prvo {
        padding-top: 1rem;
    }
    #podnaslov,
    .about number,
    #ponuda,
    .akcijske_ponude p {
        font-size: 1rem;
        font-weight: 400;
    }
}

/* SMARTPHONE under 320px */
@media(max-width: 320px) {
    .about h1,
    .akcijske_ponude h1 {
        display: none;
    }
    #naslov_sajta_ime,
    #naslov_sajta_prezime,
    #akcijske_ponude_prvo,
    #akcijske_ponude_drugo {
        display: block;
        font-size: 1.8rem;
    }
    #naslov_sajta_ime,
    #akcijske_ponude_prvo {
        padding-top: 1rem;
    }
    #podnaslov,
    .about number,
    #ponuda,
    .akcijske_ponude p {
        font-size: 1rem;
        font-weight: 400;
    }
}