Адаптивный канвас
 

Всем привет! Ребята, подскажите как можно сделать нормальный адпатив для следующего сайта. http://develop.2di.site
В принципе меня всё устраивает, только когда просматриваешь сайт с мобильно устройства или планшета вертикально, то почему сетка bootstrap перестаёт нормально принимать ширину экрана.

Может как-то модифицировать часть этого кода?

var canvas = document.getElementById('canvas'),
    context = canvas.getContext('2d');

    function resize(){    
        $("#canvas").outerHeight($(window).height()-$("#canvas").offset().top- Math.abs($("#canvas").outerHeight(true) - $("#canvas").outerHeight()-70));
      }
      $(document).ready(function(){
        resize();
        $(window).on("resize", function(){                      
            resize();
        });
      });
canvas.width = 800;
canvas.height = 600;
//get assets background
var bg = new Image();
bg.src = 'assets/images/bg/bg.jpg';