anchor.diff:          }
         }
   
  +      /* TODO: Come back to drag and drop */
  +      /* TODO: Come back to low width input width */
  +
  +      .gifsocket-container {
  +        /* #GIFSOCKET-DIMENSIONS */
  +        width: 600px;
  +        height: 380px;
  +        background: #666;
  +        display: block;
  +        margin: 0 auto;
  +      }
  +
  +      @media(max-width: 980px) {
  +        .gifsocket-container {
  +          width: 100%;
  +          height: auto;
  +        }
  +      }
  +
  +      /* #GIFSOCKET-DIMENSIONS */
  +      .gifsocket {
  +        width: 100%;
  +        height: auto;
  +      }
  +
         @media (max-width: 767px) {
           .header h1 {
             font-size: 45px;
  
positive.code:         }
  
          if (document.getElementsByClassName && document.body.addEventListener) {
            var $gifsocket = document.getElementsByClassName('gifsocket')[0];
            FileReaderJS.setupDrop($gifsocket, {
              dragClass: 'drag-entered',
              on: {
  
negative.code:         font-weight: bold;
        }
  
        /* http://twbs.github.io/bootstrap/2.3.2/scaffolding.html#responsive */
        /* Breakpoints should be: */
        /* 480px (no columns/gutter) */
  