@media only screen and (max-width: 768px) {  
[class*="col-dp-"] {
    float: none;
	display:block;
    width:100%;
	padding:15px;
	}

.shadow-col [class*="col-dp-"] {width: 100%;}

.wrapper-center {
   width:100%;
}
.section{	
	padding:30px 0;
	padding:30px 0;
}	

.wrapper-center-top{ /* header + home section */
	max-width: 100%;
}

.home video{ /* ne prikazujem video background - responsive, desktop ok */
	display:none;
}
.home .overlay{
	display:none;
}
.home,
.o-nama{
	background-image:url('../img/responsive-back.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.home .home-intro-text{
	padding-left:20px;
	padding-right:0px;
}	
.home .home-intro-text h1{
	font-size:250%;
}
.wrapper-center p{
	font-size:105%;
}
.wrapper-center h1{
	font-size:210%;
}
.wrapper-center h2{
	font-size:135%;
}
.wrapper-center li{
	font-size:105%;
}
.col-sp.shadow-col [class*='col-dp-']:not(:first-child):not(:last-child){
  margin-right:0;
  margin-left:0;
  margin-bottom:15px;
}
.col-sp.shadow-col [class*='col-dp-']:first-child {
  margin-right:0;
  margin-bottom:15px;
}
.col-sp.shadow-col [class*='col-dp-']:last-child {
  margin-left:0;
  margin-bottom:15px;
}
/* @@ ne prikazujem desktop navigaciju */
.main-nav{
	display:none;
}
.responsive-menu{ /* prikazujem responisve menu ... */
	display:inherit;
}
.section.footer{
	height:auto;
	padding-bottom:20px;
}
.footer [class*="col-dp-"]  {
	display:block;
	margin-bottom:15px;
}
.popup img {
	max-width:100%;
	}
.flex{
	display: flex; 
	display: -webkit-flex; /* Safari */ 
	flex-flow: column;
	}
	.flex-1{order:1;}
	.flex-2{order:2}
}
}