html, body {
    height: 100%;
}

html {
    display: table;
    margin: auto;
}

body {
    display: table-cell;
    vertical-align: middle;
}

 /* unvisited link */
a:link {
  color: white;
}

/* visited link */
a:visited {
  color: white;
}

/* mouse over link */
a:hover {
  color: grey;
}

/* selected link */
a:active {
  color: grey;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}

p {
  color: white;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: bold;
}

#wrapper {
  max-width: 100%; /* was 1050px */
  margin: 60px 60px 60px 60px;
}

#outer {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.itemwrapper {
  display: table-cell;
  padding: 15px;
  width: 100%;
  text-align: center;
}

img {
  max-width: 100%;
  height: auto;
}
body {
  width:80%;
  margin-left:auto;
  margin-right:auto;
  background-image: url("background.jpg");
  background-repeat: repeat;
}