@media screen and (max-width: 1024px) {
.alapszel {
	width: 100%;
	margin: 0;
}
h1 {
	font-size: 3vw;
}
h2 {
	font-size: 2vw;
}
h3 {
	font-size: 24px;
}
#arnyekcsikbox {
  width: 100%;
	margin-left: 0%;
}
.referenciak {
		width: 96%;
	margin-left: 2%;
	margin-right: 2%;
    }
.banner {
	margin-bottom: 0px;
	display: block;
	width: 100%;
}
}
@media screen and (max-width: 768px) {
#logo {
  display: block;
  margin: 20px auto 10px auto;
  width: 40%;
}
.fejsor {
	display: table;
}
.menusor {
width: 100%;
	margin-bottom: 10px;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


h1 {
	font-size: 4vw;
}
h2 {
	font-size: 5vw;
}
h3 {
	font-size: 14px;
}
}
@media screen and (max-width: 650px) {
.fokep {
	margin-top: 0px;
	width: 50%;
}
.telefon {
	font-size: 2.8vw;
}
.fejinfosor {
	display: table;
}
#fejtel{
  padding: 8px 8px;
  float: left;
}
.alapszel {

}
.fej h1 {
} 
.logosz {
	clear: both;
}



}
@media screen and (max-width: 480px) {
h1 {
	font-size: 25px;
}
#logo {
  width: 80%;
}
.tores1 {
	width: 100%;
	display: table;
	font-size: 0pt;
}
.referenciak {
		width: 90%;
	margin-left: 3%;
	margin-right: 7%;
    }
.kezdomenu {
	border: none;
}	
}


@media screen and (max-width: 360px) {
.tores2 {
	width: 100%;
	display: table;
	font-size: 0pt;
}

}