html, body {
height: 100%;
}

body {
background-color: #eee;
}

.main {
width: 1000px;
margin: 0px auto;
background-color: #fff;
}

.header {
background-color: #eb3461;
padding: 10px 5px 10px 5px;
}

#menuButton {
display: none;
}

#menu {
display: block;
}

a.button { 
width: 70px;
font-family: arial;
font-size: 18px;
font-weight: bold;
text-decoration: none;
background-color: #bd244a;
display: inline-block;
padding: 10px;
margin: 0px;
}

a.button:link, a.button:visited {
color: #fff;
}

a.button:hover {
background-color: #9c193a;
}

h1 {
font-family: arial;
font-size: 28px;
margin:	20px 120px 20px 120px;
}

p {
font-family: arial;
line-height: 140%;
margin:	20px 120px 20px 120px;
}

@media screen and (max-width:500px) {

  /* CSS for screens that are 500 pixels */
  
  .main {
  width: 400px;
  }
  
  img {
  max-width: 750px;
  height: auto;
	  align: center;
  }
  
  a.button {
  width: 400px;
  }

  #menuButton {
  display: block;
  }

  #menu {
  display: none;
  }

}