Untitled

<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css' />

<span id="no">No</span>

html,

body {

  text-align: center;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  padding: 0;

  margin: 0 auto;

  overflow: hidden;

}

body {

  display: table;

  background-image: url(https://dl.dropboxusercontent.com/u/6037255/permanente/nopPattern.png);

  background-color: #eee;

}

#no {

  font-family: 'Tangerine';

  font-size: 300px;

  font-weight: normal;

  text-align: center;

  margin: 0 auto;

  vertical-align: middle;

  display: table-cell;

  transition: font-size ease 0.3s;

  color: #222;

  text-shadow: 0.01em 0.01em 0.01em #888;

}

@media (max-width: 480px) {

  #no { font-size: 225px; }

}

@media (max-width: 320px) {

  #no { font-size: 125px; }

}

@media (max-width: 160px) {

  #no { font-size: 75px; }

}