[рони]

а div с текстом сдвигается и сам текст масштабируется.

так установите фиксированные размеры

#test {
      width: 350px;
      height: 100px;
      top: 20px;
      left: 35px;
      position: absolute;
      z-index: 8;
      text-align: center;
      color: white;
      font: 500 14px/1.5 'Syncopate', sans-serif;
      font-style: italic;
      text-shadow: 0 1px 0 #ccc,
      0 2px 0 #c9c9c9,
      0 3px 0 #bbb,
      0 4px 0 #b9b9b9,
      0 5px 0 #aaa,
      0 6px 1px   rgba(0,0,0, .10),
      0 0 5px   rgba(0,0,0, .10),
      0 1px 3px   rgba(0,0,0, .30),
      0 3px 5px   rgba(0,0,0, .20),
      0 5px 10px  rgba(0,0,0, .25),
      0 10px 10px rgba(0,0,0, .20),
      0 20px 20px rgba(0,0,0, .15);
      text-transform: uppercase;
  }