/**************** 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;*/text-align:center}

#logoCell{text-align:center}
#headerSearchCell{text-align:center;margin-top:2rem}

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



/********************section 3 **************/
.blockGridIcons{margin-top:0rem;border-top:none}

.blockGridIcons li{padding:0.9375rem 0 ; border-right:none}
.iconTitleBox{text-align:center;font-weight:bold;margin: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: #ee3126 none repeat scroll 0 0;
}


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


.top-bar.expanded .toggle-topbar a {
    color: #fff;
}

.top-bar.expanded .toggle-topbar a span::after {
    box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
}


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

.footerCell{padding-top:1.875rem !important}

#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}
}