@media only screen and (max-width: 600px) {
	
h1 {
	font-size: 2.5em;
}

.col-btns {
	width: 19%;
	margin: 0;
}
	
.col-btns-txt img {
	width: 90%;
}
	
.col-btns1 {
	width: 75%;
	margin: 0 0 0 5%;
}
	
button {
  width: 48%;
}

.logo img {
	width: 100%;
}
	
.rslides {
	display: none;
  }
	
.callbacks_container {
	display: none;
  }
	
article {
	width: 90%;
	margin: 2em 5%;
	box-shadow: none;
}
	
.content-txt {
	margin: 0;
	padding: 1em 5%;
}
	
.content-blog {
	float: none;
	width: 100%;
	margin: 1em 0;
}
	
aside {
	width: 100%;
	margin: 0;
}
	
#novo {
	width: 100%;
	margin: 1em 0;
}
	
#mapa {
	display: none;
}
	
.kontakt-sve {
	width: 90%;
	margin: 0 5%;
}
	
.kontakt-box {
	width: 100%;
	margin: 0;
	padding: 1em 0;
	float: none;
	text-align: center;
}
	
.kontakt-box1 {
	width: 100%;
	margin: 0;
	padding: 1em 0;
	float: none;
	text-align: center;
}
	
.kontakt-box2 {
	width: 100%;
	margin: 0;
	padding: 1em 0;
	float: none;
	text-align: center;
}
	
.poveznice-sl {
	width: 30%;
	margin: 0 1%;
	padding: 0;
	float: left;
	text-align: center;
}
	
.slika4 {
	width: 90%;
	border: 1px solid #a0a0a0;
	margin: 1em 5% 0.5em 5%;
	padding: 0;
	display: inline-block;
}

.slika5 {
	width: 90%;
	border: 1px solid #a0a0a0;
	margin: 1em 5% 0.5em 5%;
	padding: 0;
	display: inline-block;
}
	
}

@media (min-width: 601px) and (max-width: 768px){
	
h1 {
	font-size: 2.5em;
}
	
.col-btns {
	width: 20%;
	margin: 0;
}
	
.col-btns-txt img {
	width: 70%;
}
	
.col-btns1 {
	width: 75%;
	margin: 0 0 0 5%;
}
	
button {
  width: 49%;
}

.logo img {
	width: 70%;
}

article {
	width: 90%;
	margin: 2em 5%;
	box-shadow: none;
}
	
.content-txt {
	margin: 0;
	padding: 1em 5%;
}
	
.content-blog {
	float: none;
	width: 100%;
	margin: 1em 0;
}
	
aside {
	width: 100%;
	margin: 0;
}
	
#novo {
	width: 100%;
	margin: 1em 0;
}
	
.mapa-sve {
	width: 90%;
	margin: 0 5%;
}

.stupac {
	width: 30%;
	margin: 1em 1%;
	font-size: 0.75em;
	float: none;
	display: inline-block;
	vertical-align: top;
}
	
.kontakt-sve {
	width: 90%;
	margin: 0 5%;
}
	
.kontakt-box {
	width: 100%;
	margin: 0;
	padding: 1em 0;
	float: none;
	text-align: center;
}
	
.kontakt-box1 {
	width: 100%;
	margin: 0;
	padding: 1em 0;
	float: none;
	text-align: center;
}
	
.kontakt-box2 {
	width: 100%;
	margin: 0;
	padding: 1em 0;
	float: none;
	text-align: center;
}
	
.poveznice-sl {
	width: 30%;
	margin: 0 1%;
	padding: 0;
	float: left;
	text-align: center;
}
	
.slika5 {
	width: 90%;
	border: 1px solid #a0a0a0;
	margin: 1em 5% 0.5em 5%;
	padding: 0;
	display: inline-block;
}

}