@media screen and (max-width: 1024px) {
.test {
  width: 96%;
  margin-right: 2%;
  margin-left: 2%;
}
}	
@media screen and (max-width: 900px) {
.kapcs-kep {
  width: 90%;
}
.kapcs-nev {
  padding: 10px;
  font-size: 12pt;
}
.cimke {
  width: 28%;
}

}	
@media screen and (max-width: 700px) {
.kapcs-nev {
  padding: 10px;
  font-size: 12pt;
  margin-top: 10px;
	box-shadow: 0px 0px 0px #636363;
}
.sor {
  width: 64%;
}
}
@media screen and (max-width: 530px) {
.kapcs-bal {
  border-right: 0px solid #999999;
  width: 200px;
  float: none;
	clear: both;
	display: table;
  margin-right: auto;
  margin-left: auto;
	margin-bottom: 20px;
}
.kapcs-kep {
  width: 200px;
}
.kapcs-nev {
  border-left: 5px solid #ff6600;
  padding: 10px;
  background-color: white;
  font-size: 12pt;
  float: left;
  display: table;
  margin-top: 10px;
  margin-left: 0px;
}
.sor {
  width: 100%;
}
.logo {
width: 200px;
}
h4 {
font-size: 8vw;
}
}
@media screen and (max-width: 400px) {
.cimke {
  width: 100%;
}
h1 {
font-size: 18pt;
}
}