/******************** layout ********************/
html{width:100%; height:100%; overflow-y:scroll; overflow-x:hidden; -ms-touch-action:pan-y;touch-action:pan-y;  background-color:#0c1929;  background-size: 400% 400%; animation: gradient 15s ease infinite;}

body{position:relative;  overflow-x:hidden; height:100%;}
body.new * {box-sizing:border-box; word-break:keep-all;}




/**** layout ****/
.allwrap {margin:0 auto; background-image: url(wedit_landing.png); background-position:center bottom; background-repeat: no-repeat;}
.wrap {position:relative; margin:0 auto; height: 100vh; text-align:center;}

.logo { position: absolute; top: 15%; left: 50%; margin: -25px 0 0 -110px;}
.logo img {width:220px;}

/***************************************************************************************************************************************/


@media (max-width: 750px) {

.allwrap {margin:0 auto; background-image: url(wedit_landing.png); background-position:center bottom; background-repeat: no-repeat; background-size: cover;}
.logo { position: absolute; top: 15%; left: 50%; margin: -25px 0 0 -90px;}
.logo img {width:180px;}
}