/**************** FOOTER **********************/
@media only screen and (max-width: 64em) { 



#headerContent{padding-left:2rem; padding-right:2rem}

.section_4{padding:0 2.875rem}

.dummyPadding{padding:0 2rem}
}




@media only screen and (max-width: 40em) { 

.dummyPadding{padding:0 2rem}
/************************************************************************ BANNER INC ********************************************************************************/

#headerContent{display:inline-block;padding:1.275rem 0}

#headerTitleDrustvo{font-family: 'Alegreya', serif;color:#fff;font-weight:400;font-size:1.1rem;margin-bottom:0rem !important}
/*#headerTitleNaziv{font-family: 'Alegreya', serif;color:#fff;font-weight:400;font-size:1.2rem;margin-top:0 !important}
#headerTitleNaziv span{display:block;text-align:center}*/

.bannerPerson{height:325px;  background-size: auto 80% ; background-repeat:no-repeat}



.podrucje {
	
	min-height:100px;
	min-width:80px;
	
	background-repeat:no-repeat; 
	background-position: center 2rem;
	background-size:auto 50px;
	
	font-size:0.8rem
	
    
}

/********************section 3 **************/
.podrucjaIcons{margin-top:0}
.iconTitleBox{text-align:center;font-weight:bold;margin:0.9375rem 0}
.iconImageBox{text-align:center;margin-top:0.9375rem}
.iconImageBox img{max-height:100px}


/****************************** MAP ************************/

.section_4{padding:0 2.875rem}




/**********************************************************************************/

	
nav.top-bar {
    
    text-align: left;
}
.contain-to-grid {
   /* background-color: transparent;*/
}
section.top-bar-section {
   display: inherit; /**/
    margin-left: inherit;
}	
	
	
nav.top-bar  li{text-align:left}

.top-bar-section i{margin-left: 0.5rem}

.top-bar-section span{margin-left: 0rem}


.top-bar.expanded .title-area {
   /* background: #101721 none repeat scroll 0 0;*/
}

.top-bar.expanded .title-area {
    background: transparent;
}


.top-bar-section li:not(.has-form) a:not(.button) {
	background: #101721 none repeat scroll 0 0;
	line-height: 2.5125rem;
	padding: 0 0.9375rem;
}


/******************** footer */

#copy #footer_left_column, #copy #footer_right_column{text-align:center;  }

#copy span{display:block;text-align:center}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (orientation: landscape) and (max-width: 40em)   {
	.bannerPerson{height:325px;  background-size:auto  100% ; background-repeat:no-repeat}
}