p,body,td,div{font-family:arial,helvetica;font-size:160px;color:#000000;line-height:1px;} 
html, body {    height: 100%;   width: 100%; padding: 0px;    margin: 0px;border:0px;background-color: #fff;}
a:link { text-decoration: none; cursor:pointer;}
a:hover {text-decoration: none;cursor:pointer;}
a:visited {text-decoration: none;}

#screen{left:0; top:0px;width:100%;height:100%;
position:fixed;display:block;}

#left { display:block;background:transparent; 
position: fixed;text-align: right;
right: 53%;   width: 47%; top:50%;
transform: translate(0%,-50%) ;-ms-transform: translate(0%,-50%);-webkit-transform: translate(0%,-50%); 
}

#right { display:block;background:transparent; 
position: fixed;text-align: left;
left: 53%;   width: 47%; top:50%;
transform: translate(0%,-50%) ;-ms-transform: translate(0%,-50%);-webkit-transform: translate(0%,-50%); 
}
#vs { display:block;background:transparent; 
position: fixed;text-align: center;
left: 50%;   width: 6 %; top:48%;
transform: translate(-50%,-50%) ;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); 
}
#vs2 { display:block;background:transparent; 
position: fixed;text-align: center;
left: 50%;   width: 6 %; top:50%;
transform: translate(-50%,-50%) ;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); 
}


p.vs { text-align: center }




#mask{display:block; width:100%;height: 100px;position: fixed;z-index: 4;background: white;left:0;bottom:0;}

#next {
  display:block;
    width:100%;height: 45px;padding: 1%;
     position: fixed;
   bottom: 0;
   left: 50%;z-index: 3;
transform: translate(-50%, -10%);
  -ms-transform: translate(-50%, -10%);
}

#gonext { 
  position: relative;
  top:0px;
  display:block;

}
.gonext {font-family:arial,helvetica;font-size:20px;
  line-height: 40px;letter-spacing:2px;text-align: center;
    width: 80px;height: 40px;
  margin: auto;background-color: #ccc; 
        border-radius: 20%;border: 3px solid #ccc;


}
a.gonext {
   color: #000;text-decoration:none; cursor:pointer;
}
a.gonext:hover, {border: 3px solid red;
 color: #f00;text-decoration:none; 
 font-weight: 900; 
}
.gonext:hover {border: 3px solid red;
 color: #f00;text-decoration:none; 
 font-weight: 900; 
}

a.gonext:visited, {
 color: #000;text-decoration:none; 

}




 @media screen and (max-width: 800px) {
 .counter-count,.counter-count2,.vs{font-size:140px;
  }
p.vs {font-size:140px;
  }

 }

 @media screen and (max-width: 640px) {
 .counter-count,.counter-count2,.vs{font-size:120px;
  }p.vs {font-size:120px;
  }
 }
  @media screen and (max-width: 480px) {
 .counter-count,.counter-count2,.vs{font-size:100px;
  }p.vs {font-size:100px;
  }
 }