Bootstrap的响应式设计问题

Question

所以这就是我的问题：
开始在网站上工作，随着趋势的发展，我选择了自适应布局，使用bootstrap（12网格系统）。所以我必须使用LazyLinePainter完成标题中的主要元素和标题和SVG路径动画。所以我遇到的问题是标题是响应性的，无论窗口大小如何都会保持在中间，但动画拒绝这样做。我已经在两个div上使用了相同的课程，并且无法找到解决问题的方法，这就是我在这里写作的原因。我发布了html和css：

HTML http://codepen.io/TresV/pen/bNNZjm.html

CSS http://codepen.io/TresV/pen/bNNZjm.css

    /*=======MAIN CSS=======*/

body { 
    background:#2ecc71;

}

#pencilandbrackets {
    width: 31.5%;
    display: block;
    margin-top: -155px;
}

#title {
    font-family: 'Oswald', sans-serif;
    font-size: 4.13em;
    position: fixed;
    top:40%;
    left:50%;
    margin: -1.0em 0px 0px -3.2em;
    color: #2c3e50;
    display: block;
}

.lazy-line svg {
  width:300% !important;
}

这是一个人生版本： http://thecodehome.tk/new.html

注意：托管不可靠，因此可能无法随时启动。

提前感谢您的时间和精力！