@media all 
	and (max-width: 1024px)
	and (-webkit-min-device-pixel-ratio: 1) {
		div#content {padding:1em;}
}

@media all 
	and (max-width: 960px)
	and (-webkit-min-device-pixel-ratio: 1) {
		#whatUCan .column-3-1 {width:100%;}
}

@media all 
	and (min-width: 961px)
	and (-webkit-min-device-pixel-ratio: 1) {
		#mainNav {display:block;}
		#icoMenu {display:none;}
}


@media all
	and (min-width: 601px)
	and (max-width: 960px)
	and (-webkit-min-device-pixel-ratio: 1) {
		#mainNav {display:none;}
		#icoMenu {display:inline-block;}
		
		#homeSlider {height:75%;background: #0b241d;}
		#homeSlider .homeSlide h1 {font-size:3em;text-align: center;}
		#homeSlider .homeSlide p {font-size:1.5em;text-align: center;}
		#homeSlider .homeSlide > .box {position:absolute;bottom:10%;margin:0;width:100%;left:0;}
		.slideNaslov {padding:1em;background: rgba(255,255,255,0.95);}
		.responsive [class*='column-3'] {width:50%;}
		#upitnici .column-3-1:nth-child(2n-1)>.box { padding:1.5em 1.5em 1.5em 0 !important;}
		#upitnici .column-3-1:nth-child(2n)>.box { padding:1.5em 0 1.5em 1.5em !important; }
}

@media all
	and (min-width: 321px)
	and (max-width: 600px)
	and (-webkit-min-device-pixel-ratio: 1) {
		header {height:50px}
		header + section {margin-top:50px;}
		#headerLogo {position:absolute;top:0;left:20px;}
		#headerLogo {margin-top:0;font-weight: 400;color: #015581;font-size:1em;line-height: 50px;}
		
		#mainNav {display:none;}
		#icoMenu {display:inline-block;width:50px;min-height:100% !important;}
		ul#mobileNav{top:50px;width:100%;}
		
		#homeSlider {height:75%;background: #0b241d;}
		#homeSlider .homeSlide h1 {font-size:2em;text-align: center;}
		#homeSlider .homeSlide p {font-size:1em;text-align: center;}
		#homeSlider .homeSlide > .box {position:absolute;bottom:10%;margin:0;width:100%;left:0;}
		.slideNaslov {padding:1em;background: rgba(255,255,255,0.95);}
		.responsive [class*='column-'] {width:100%;}
		#upitnici .column-3-1:nth-child(n)>.box { padding:1.5em 1em 1.5em 1em !important;}
		
		.surveyQuestion .questionImg .box {padding-right:0;}
}

@media all
	and (min-width: 0px)
	and (max-width: 320px)
	and (-webkit-min-device-pixel-ratio: 1) {
		header {height:50px}
		header + section {margin-top:50px;}
		#headerLogo {position:absolute;top:0;left:20px;}
		#headerLogo {margin-top:0;font-weight: 400;color: #015581;font-size:1em;line-height: 50px;}
		
		#mainNav {display:none;}
		#icoMenu {display:inline-block;width:50px;min-height:100% !important;}
		ul#mobileNav{top:50px;width:100%;}
		
		#homeSlider {height:60%;background: #0b241d;}
		#homeSlider .homeSlide h1 {font-size:2em;text-align: center;}
		#homeSlider .homeSlide p {font-size:1em;text-align: center;}
		#homeSlider .homeSlide > .box {position:absolute;bottom:10%;margin:0;width:100%;left:0;}
		.slideNaslov {padding:1em;background: rgba(255,255,255,0.95);}
		.responsive [class*='column-'] {width:100%;}
		#upitnici .column-3-1:nth-child(n)>.box { padding:1.5em 1em 1.5em 1em !important;}
		
		.surveyQuestion .questionImg .box {padding-right:0;}
}