* {margin: 0;}

#allcontent {
  position:relative;
  margin-top:100vh;
  background-color: #ffffff;
  width:100vw;
  opacity:1;
  z-index: 100;  
}

#ihero-wrap {
  position:fixed;
  top:0px; left:0px;
  overflow: hidden;
  xbackground-image: url('/imgs/x.gif');
  width: 100%;
  height: 100%;
  z-index: 0;
  xbackground-position: bottom center;
  xbackground-attachment: fixed;
  x-heightbackground-repeat: no-repeat;
  x-heightbackground-size: cover;
}

#ihero {  
  border: none;
  overflow: hidden;
  width: 200vw;
  height: 100vh;
  transition: 2s;
  display: flex;
  text-align: middle;
  z-index: 0;
}

#ihero-1 {
  background-image: url('');
  width: 100vw;
  background-position: bottom center;
  xbackground-attachment: fixed;
  xbackground-repeat: no-repeat;
  xbackground-size: cover;
  height: 100%;
  z-index: 0;
}

#ihero-2 {
  background-image: url('');
  width: 100vw;
  background-position: bottom center;
  xbackground-attachment: fixed;
  xbackground-repeat: no-repeat;
  xbackground-size: cover;
  height: 100%;
  z-index: 0;
}

#ihero-box {
  position:absolute;
  width: auto;
  height:auto;
  padding: 0.5rem;
  background-color: #ffffff;
  font-size:1.2rem;
  border-radius: 10px;
  border: solid 2px #030;
  color:#000;
  opacity:0.7;
  z-index: 3
}

#ihero-box-img {
  display:block;
  margin:0 auto 0 auto;
}

#icredit {
  position:absolute;
  background-color:#000;
  padding:0.5rem 0.5rem 0.5rem 0.5rem;
  bottom:0;
  right:0;
  font-size:0.8rem;
}
#icredit > a {
  color: #fff;
  text-decoration: none;
}

@media (max-width:900px) {
  #ihero-wrap { display:none; }
  #ihero-box-img { display:none; }
  #ihero-box { position:relative; width: 95%; border:none; }
  #allcontent { margin-top: 0; }
}
/*
@media only screen and (max-width: 800px) {
  #ihero-box { position:relative }
}
*/