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

.nav_background {
    position: fixed;
    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_1 { color: #fff;}
.main_start {
    position: relative;
    height: 100vh;
    background: none;
    padding-left: 0px;
    padding-right: 0px;
    
}

/* ------------------  SECOND ROW ----------------*/

.second_row { 
    position: absolute; 
    width: 100%;
    bottom: 0px !important;
    padding-top: 2%;
    padding-bottom: 2%;
    background-color: rgba(42,48,59,0.8);}

.second_row p, .second_row a { font-size: 1.4vw; color: #b1c4d5; }
.second_row a img { width: 7vw; }


/* ------------------  SECOND ROW END ----------------*/

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

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

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

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


h1, h2 { font-size: 1.6vw;}
p { font-size: 1.2vw;}
a { font-size: 1.4vw;}



/*------------------- ZAKLADA SECTION ------------*/

.zaklada_section {
    position: relative;
    width: 100vw;
    background: #eeeeee;
    padding-top: 50px;
    padding-bottom: 50px;
}

.zaklada_section img { 
   width: 60%;
   padding-top: 0px;
   padding-bottom: 4vw;
}

.zaklada_section h1 { 
   color: #000;
}

.zaklada_section p { 
   color: #000;
   padding-top: 20px;
}

.zaklada_section a { 
   color: #000;
}

/*-------------------END OF ZAKLADA SECTION ------------*/


/*------------------- KNJIZNICA SECTION ------------*/

.knjiznica_section {
    position: relative;
    /*background: url("../z_img/kniznica_back_img.jpg") no-repeat;
    background-size:cover;
    background-position:center center;*/
    background: none;
    padding-top: 50px;
    padding-bottom: 50px;
}

.knjiznica_section img { 
   width: 100%;
}

.knjiznica_section h1 { 
   color: #fff;
}

.knjiznica_section p { 
   color: #fff;
   padding-top: 20px;
}

.knjiznica_section a { 
   color: #fff;
}

/*-------------------END OF KNJIZNICA SECTION ------------*/



/*------------------- UDRUGA SECTION ------------*/

.udruga_section {
    position: relative;
    width: 100vw;
    /*background: url("../z_img/kniznica_back_img.jpg") no-repeat;
    background-size:cover;
    background-position:center center;*/
    background: #eeeeee;
    padding-top: 50px;
    padding-bottom: 50px;
}

.udruga_section img { 
   width: 100%;
}

.udruga_section h1 { 
   color: #000;
}

.udruga_section p { 
   color: #000;
   padding-top: 20px;
}

.udruga_section a { 
   color: #000;
}

/*-------------------END OF UDRUGA SECTION ------------*/





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

@media screen and (max-width: 1000px) {
    
    .second_row a img { width: 15vw; padding-top: 2vh; }
    .second_row p, .second_row a { font-size: 3vw; padding-top: 1vh;}
    
    .div_wrap { width: 90%; margin-left: 5%;}
    
    h1, h2 { font-size: 4.6vw; text-align: center; padding-top: 4vw;}
    p { font-size: 3vw; text-align: center;}
    a { font-size: 3.4vw;}
    
    .zaklada_section p { }
    
    .zaklada_section a { }
    
    .knjiznica_section h1 { padding-left: 0px;}

    .knjiznica_section p { }

    .knjiznica_section a { }
    
    .udruga_section p { text-align: justify;}
    
    .udruga_section a { }
    

    
}