body{
      background-image: url(../images/background.jpg);
     background-size: cover;
    background-position: center;
     background-attachment: fixed;
    
}

h1{
  font-family: 'Playfair Display', serif;  
    
color: antiquewhite;
}

p{
    font:20px san-sarif;
    color: antiquewhite
}

.container{
    position: relative;
    padding: 50px;
    margin: auto;
    top:60px;
   
}

.download-btn{
    width: 80%;
    font-size: 50px;
     font-weight: 500;
}

/* On smaller screens, decrease text size */

@media only screen and (max-width: 768px){
    
   h1{
  font-size: 30px;
}
    
.download-btn{
    width: 80%;
    font-size: 20px;
} 
}

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

h1{
  font-size: 30px;
}
    
.download-btn{
    width: 80%;
    font-size: 20px;
}
}