body{ margin:0; }

header{
  text-decoration: none;
  font-family: "raleway", sans-serif;
  font-size: 18px;
  padding: 10px;
  text-align:center;

}


#wrapper{
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.7);
  padding:10px;
}

h1{
  font-family: "Rouge Script", cursive;
  font-size: 40px;
  color: #720521;
}

img{max-width:550px; width: 100%;}

@media(min-width:900px){
  #one{display: grid; grid-template-columns: 1fr 1fr;}
  #two{display: grid; grid-template-columns: 1fr 1fr;}
  #three{display: grid; grid-template-columns: 1fr 1fr;}
  #button{ bottom:20px; right:20px; }
  header{ top:25px; left:25px; text-decoration-line: none; color:black; text-align:center; font-size: 20px;}
  #heading{ text-align: center; }
  img{ max-width: 550px; width: 100%;}
  #wrapper{padding:30px;}
  h1{font-size:50px;}
}

@media(max-width:900px){
  img{ width:100%;}
}

#pic{max-width: 400px; width:90%}


#button {
  position: fixed; 
  cursor:pointer;
  bottom:5px;
  right:5px;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.8);
  font-family: "Open Sans Condensed", sans-serif;
  padding:3px;
}  

a{
    text-decoration: none;
    color:black
}

body {
  background-image: url("old-brown-vintage-parchment-paper-texture.jpg");
  background-repeat: repeat;
  background-position: fixed;
}
    
p{
  font-family: "Raleway", sans-serif;
}

#one, #two, #three{
  text-align: left;
}