@import url("top_nav.css");
@import url("footer.css");

.nav_background {
    position: fixed;
    top: 9vw;
    width: 100vw;
    height: 100vh;
    padding-left: 0px;
    padding-right: 0px;
    z-index: 0;
}

.image_back {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*-----------------  PAGE START ---------------------*/

.link_3 { color: #fff;}
.page_start {
    position: relative;
    height: 65vh;
    background: none;
    padding-left: 0px;
    padding-right: 0px;
    
}

.page_transparent {
    position: relative;
    height: 30vh;
    background: none;
    padding-left: 0px;
    padding-right: 0px;
    
}



/*------------------- UTILITIES ------------*/

.zero_padding_L_R { padding-left: 0px; padding-right: 0px;}




h1{ font-size: 4.0vw; padding-top: 3vh; color: #000;}
h2 { font-size: 1.6vw; padding-top: 3vh; color: #000;}
p { font-size: 1.2vw; color: #000; padding-top: 3vh; text-align: justify;}
a { font-size: 1.4vw; color: #000;}
a:hover {color: #656566; text-decoration: none;}

.second_text { padding-top: 1vh;}


/*------------------- END OF UTILITIES ------------*/

/* ------------------  O NAMA SECTION ----------------*/

.o_nama_section { 
    position: relative; 
    width: 100vw;
    margin-top: 20vh;
    padding-bottom: 2%;
    background-color: #eeeeee;}




.article_wrap { width: 80%; margin-left: 10%;}


/* ------------------  O NAMA SECTION END ----------------*/




/*------------------- MOBILE ------------*/

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

    
    h1, h2 { font-size: 4.6vw; text-align: center; padding-top: 4vw;}
    p { font-size: 3vw; text-align: justify;}
    a { font-size: 3.4vw; text-align: center;}
    

    .donacije_section h2 { text-align: left;}

     .donacije_section p { text-align: left;}

     .kontakt { padding-left: 20px;}
     .izrada a { font-size: 2vw;}
    
}