html {
  width:100%;
  background: #ff4648;
  margin: 0;
  font-family: Arial, sans-serif;
  min-width: 960px;

}

body{
	margin:0 auto;
	min-width: 960px;
	font-size: 18px;
}

header,footer,section,article {
	display:block;
}

.clear{
	display:block;
	clear:both;
	float:none !important;
}

.cover {
  background: url(../imgs/logo-3.svg?v=1.1) center no-repeat;
  mix-blend-mode: difference;
  /*width: 100%;*/
  /*height: 100%;*/
  position: absolute;
  z-index: 10;
  background-size: 400px;
  width: 400px;
  height: 200px;
  top: 50%;
  margin-top: -100px;
  left: 50%;
  margin-left: -200px;
}

/*  */
/*.cover.logo0h1kidbi0m {
  background: url(../imgs/logo-3.svg?v=1.1) center no-repeat; 
  mix-blend-mode: difference;
}*/


@media screen and (orientation : portrait){
  .cover {
    /*background-size: 50% !important;*/
  }
}

@media screen and (orientation : landscape) and (min-width: 1300px){
  .fyu_wrapper canvas {
    animation: fyuse 60s infinite linear;
    -webkit-animation: fyuse 60s infinite linear;
  }
}

@keyframes fyuse {
  0%{
     top: 0%;
  }
  50%{
     top: -50%;
  }
}