## Backgrounds - text replacement with an image

Sometimes a wordmark and logo are the title or banner.

Use background-image and then a negative indent to remove the text from the visual part of the page.

h1 text replacement with an images

    h1 {
      height: 200px;
      width: 250px;
      text-indent: -3000px;
      border: solid 1px #000;
      background-position: center center;
      background-repeat: no-repeat;
      background-image: url('images/wordmark.png');
    }