body {
	margin: 0;
	font-family: Arial;
	font-size: 80%;
	line-height: 135%;
	color: #333;
	background: #200;
}
.clr {
	clear: both;
}
.wrapper {
	position: relative;
	width: 97%;
	margin: 0 auto;
	background: #fff;
}

/* https://stackoverflow.com/questions/34889902/css3-transform-opacity-pulsate --- ez a Bagyinszki Zoltan Szecesszio bemutatohoz kell */
.wrappermask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	z-index: 20000;
	animation: myOrbit1 20s linear infinite, Pulsate 11s linear infinite;
}
@keyframes Pulsate {
  from { opacity: 1; }
  10% { opacity: 0; }
  90% { opacity: 0; }
  to { opacity: 1; }
}
/* --- ez a Bagyinszki Zoltan Szecesszio bemutatohoz kell --- */


a {
	text-decoration: none;
	color: #0985B4;
}
h1 {
	background: #300;
	text-align: center;
	padding: 0.5em;
	font-size: 1.5em;
	color: #fff;
}
h2 {
	color: #D0491C;
	font-family: Geneva,Helvetica,Arial,sans-serif;
	font-size: 160%;
	font-weight: normal;
	margin: 0pt 0pt 15px;
}
#slidewrap {
	position: relative;
	width: 98%;
	border: 5px solid #EEEEEE;
	margin: 0;
	padding: 5px;
}
#slidewrap div { text-align: center; }
#footer {
	margin-top: 2em;
	font-weight: bold;
	padding: 0.5em;
	text-align: right;
	color: #999;
}
#vissza { 
   position: fixed;
   width: 120px;
   top: 10px;
   left: 5px;
   z-index: 10000;
}
@media only screen and (min-width: 100px) and (max-width: 500px) {
.wrapper {
	position: relative;
	width: 96%;
	margin: 0 auto;
	background: #fff;
}
#slidewrap {
	position: relative;
	width: 95%;
	border: 5px solid #EEEEEE;
	margin: 0;
	padding: 5px;
}

	
}