/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap');

html, body {
height: 100%;
}

body {
background-color: #373737;
}

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

.header {
background-color: #555555;
}

#menuButton {
display: none;
}

#menu {
display: block;
}

a.button {
width: 75px;
font-family: arial;
font-size: 15px;
font-weight: bold;
text-decoration: none;
background-color: #454545;
display: inline-block;
padding: 10px;
margin: 0px;
color: #060606;
text-align: center;
}

a.button:hover {
background-color: #2B2B2B;
color: #FFFFFF;

}

h1 {
font-family: racing sans one;
margin:	20px;
font-size: 60px;
}

h2 {
font-family: racing sans one;
margin:	20px;
font-size: 30px;
}

p {
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
line-height: 140%;
margin:	20px;
}

  img {
  max-width: 400px;
  height: auto;
margin: 20px;
  }

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

  /* CSS for screens that are 500 pixels or less */
  
  .main {
  width: 400px;
  }
  

  
  a.button {
  width: 400px;
  }

  #menuButton {
  display: block;
  }

  #menu {
  display: none;
  }

}