@media only screen and (max-width: 600px) {
  p { color:white;
      font-size:20px;
      padding:20px;
      margin:auto;
      margin-bottom:80px;
    
    
  }
}
h1{
    
    
    color:white;
    background-color:DarkGreen;
    
    
}

footer {
    text-align:center;
    background-image:url("https://codehs.com/uploads/addc86166940ece35ea266c6a5ea983a");
}
img{
    width:50%;
    text-align:center
    margin:auto;
    padding:20px;
    
}
p{
      color:white;
      font-size:30px;
      padding:20px;
      margin:auto;
      margin-bottom:80px;
}
.parallax1 {
  /* The image used */
  background-image: url("https://codehs.com/uploads/6a37be448c9bdee472dc46020868620c");

  /* Set a specific height */
  min-height: 200px;
  color:black;
  text-align:center;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
  
  
@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
    font-size:20px;
  }
}

.highlight{
    background-color: Green;
    
}
.buttonArea{
    background-color:purple;
    text-align:center;
}

}
.parallax2 {
  /* The image used */
  background-image: url("https://codehs.com/uploads/6a37be448c9bdee472dc46020868620c");

  /* Set a specific height */
  min-height: 700px;
  color:black;
  text-align:center;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.row{
    background-color:black;
}
}