function logoquee(outer,inner) {
  // vars
  const wid = inner.offsetWidth;
  const str = outer.offsetWidth;
  const fir = inner.firstElementChild;
  var clone = fir.cloneNode(true);
  inner.appendChild(clone);
  inner.style.width = wid + "px";
  // moves
  function marq() {
    var left = 0;
    var lasfr = new Date();
    var timer;
    // wait for it...
    function movz() {
        var newfr = new Date();
        var diffr = newfr - lasfr;
        inner.style.left = "-" + (left += 6 * diffr / 64 ) + "px";
        lasfr = newfr;
        if (left >= wid) {
            clearInterval(timer);
            inner.removeChild(inner.lastElementChild);
            inner.appendChild(clone);
            marq();
        }
    }
    // fire interval
    timer = setInterval(movz, 8);
    // paused
    outer.onmouseover = function(ev) {
      ev.preventDefault();
      clearInterval(timer);
    };
    // move again
    outer.onmouseout = function(ev) {
      ev.preventDefault();
      timer = setInterval(movz, 8);
    };
  }
  // fire function
  setTimeout(function(){
    marq(outer,inner);
  },3000);
}

const contain = document.getElementById("quee-contain");
const rail = document.getElementById("quee-rail");

(function() {
    addEventListener("load", function () {
        var viewportWidth = window.innerWidth || document.documentElement.clientWidth;
        if (viewportWidth > 1024) {
            logoquee(contain,rail);
        }
    });
})();