@keyframes logo {
    0% {margin-left: -600px;}
}
.anim1 {
animation-name: logo;
animation-duration: 1.5s;
animation-delay: 0s;
}
@keyframes logo-fej {
    0% {
	margin-left: -300px;
	transform: rotateZ(10deg);
    -webkit-transform: rotateZ(92deg);
    -moz-transform: rotateZ(92deg);
	}
	100% {margin-left: -90px;}
}
.anim2 {
animation-name: logo-fej;
animation-duration: 1s;
animation-delay: 0s;
}
@keyframes fejkep {
    0% {margin-top: -300px;}
	
}
.anim-fejkep {
animation-name: fejkep;
animation-duration: 1s;
animation-delay: 0s;
}
.anim-ikon {
animation-name: fejkep;
animation-duration: 2s;
animation-delay: 0s;
}

.banner-alap {
  width: 1000px;
  height: 95%;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
background-image: url(../img/hatter.jpg);
}
.reflex-logo-fej {
  opacity: 0.4;
  margin-top: -80px;
  margin-left: -90px;
  float: left;
  transform: rotateZ(10deg);
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
}
.reflex-logo {
  float: left;
  margin-top: 60px;
	margin-left: 0px;
  position: absolute;
}
.banner-fejkep {
  width: 85px;
  float: right;
  margin-right: 13px;
  margin-top: 30px;
  box-shadow: rgb(214, 187, 191) 0px 0px 8px 3px;
}
.banner-ikon {
  border: 1px solid white;
  width: 31px;
  float: right;
  margin-right: 12px;
  height: 31px;
  margin-top: 10px;
}
.banner-ikon:hover { -moz-box-shadow: 0 0 10px #fff; -webkit-box-shadow: 0 0 10px #fff; box-shadow: 0 0 10px #fff; border-color: yellow;} 
.banner-ikon-alap {

  width: 300px;
  float: right;
  margin-top: -40px;
  padding-top: 40px;
  height: 1px;
}
.tol1 {
  margin-top: 40px;
}
.tol2 {
  margin-top: 20px;
}
.tol3 {
  margin-top: 40px;
}
.tol4 {
  margin-top: 5px;
}
.tol5 {
  margin-top: 15px;
}
.tol6 {
  margin-top: 40px;
}
.tol7 {
  margin-top: 50px;
}