* {box-sizing:border-box;} 
*:before {box-sizing:border-box;} 
*:after{box-sizing:border-box;}
.wrapper{
  width:100%;
  margin:0 auto;
}
.envirabox-title{
    display: none;
}
.rest_slika{

width:85%;
margin: 20px auto;
}
.banner {
  width:100%;
  margin: 0 auto;
}
.resttekst{
  width:70%;
  margin: 0 auto;
  text-align: center;

}
.kontakt{float:left;}
.gmaps{
float:right;
}
.txttrec{
width:33.33%;
float:left;
padding:1%;
text-align: center;

}
.zvj{
  margin:0 auto;
}
.txthalf{
  width:50%;
  float:left;
  text-align:center;
  padding:1%;
}
.txtfull{
  width:100%;
  text-align:center;
  padding:1%;
}

.villaBtn {
  background: #59c8ff;
  background-image: -webkit-linear-gradient(top, #59c8ff, #2b6c9e);
  background-image: -moz-linear-gradient(top, #59c8ff, #2b6c9e);
  background-image: -ms-linear-gradient(top, #59c8ff, #2b6c9e);
  background-image: -o-linear-gradient(top, #59c8ff, #2b6c9e);
  background-image: linear-gradient(to bottom, #59c8ff, #2b6c9e);
  -webkit-border-radius: 11;
  -moz-border-radius: 11;
  border-radius: 11px;
  font-family: Arial;
  color: white !important;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.villaBtn:hover {
  background: #0e159e;
  background-image: -webkit-linear-gradient(top, #0e159e, #3498db);
  background-image: -moz-linear-gradient(top, #0e159e, #3498db);
  background-image: -ms-linear-gradient(top, #0e159e, #3498db);
  background-image: -o-linear-gradient(top, #0e159e, #3498db);
  background-image: linear-gradient(to bottom, #0e159e, #3498db);
  text-decoration: none;
}

@media screen and (min-width: 320px) and (max-width: 980px) {
  div.txthalf,div.txttrec,div.kontakt,div.gmaps,div.resttekst,div.rest_slika{
    width:100%;
    margin-top:1px;
    text-align:center;
}
@media screen and (min-width: 1500px) and (max-width: 1980px) {
   div.site-content{
      background:#e4e3e3;
  }

.main-navigation {
      max-width:70%}