@media (min-width: 769px) and (max-width: 992px){
	
h1 {
	font-size: 2.5em;
}
	
button {
  width: 49%;
}
	
.col-btns-txt img {
	width: 20%;
}

.logo img {
	width: 60%;
}

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;
}
	
.figure {
    width: 45%;
    margin: 1em 2%;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}
	
#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-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-sve {
	width: 90%;
	margin: 0 5%;
}
	
}

@media (min-width: 993px) and (max-width: 1200px){
	
button {
  width: 35%;
}
	
.col-btns-txt img {
	width: 15%;
}
	
.logo img {
	width: 40%;
}
	
article {
	width: 90%;
	margin: 2em 5%;
	box-shadow: none;
}
	
.mapa-sve {
	width: 90%;
	margin: 0 5%;
}
	
.poveznice-sve {
	width: 90%;
	margin: 0 5%;
}
	
}