body{
  background-color: #A4A4A4;
}
h1{
  font-family: 'Bungee', cursive;
}
#main{
  padding-left: 5%;
  padding-right: 5%;
}

#pamphletshow{
  float: left;
  width: 90%;
  height: 700px;
}

img {
  width: 100%;
  height: 100%;
}

#right{
  display: block;
  float: left;
  width: 5%;
  height: 50px;
}

#left{
  display: none;
  float: left;
  width: 5%;
  height: 50px;
}

#reset {
  margin-left: 5%;
  margin-right: 5%;
  clear: both;
  width: 90%;
  height: 30px;
}
@media screen and (max-width: 1024px) {
  body{
    background-color: #A4A4A4;
  }
  h1{
    font-family: 'Bungee', cursive;
  }
  #main{
    background-color: #A4A4A4;
    width: 100%;
  }

  #pamphletshow{
    float: left;
    width: 80%;
    height: 700px;
  }

  img {
    width: 100%;
    height: 100%;
  }

  #right{
    display: block;
    float: left;
    width: 2%;
    height: 50px;
  }

  #left{
    display: none;
    float: left;
    width: 2%;
    height: 50px;
  }

  #reset {
    margin-left: 5%;
    margin-right: 5%;
    clear: both;
    width: 90%;
    height: 30px;
  }
}