h1 {
    font-family: "beau-rivage", cursive;
    color:brown;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
}

h2 {font-family: "beau-rivage", cursive;
    color:brown;
    font-size: 30px;
    text-align: center;
    font-weight: bold;}

.my-hero-title {
    font-family: "beau-rivage", cursive;
    font-size: 2rem;
    color: blue;
    font-weight: bold;
    
}

.content {
    text-align: center;
  }

  .button {
    font-family: "beau-rivage", cursive;
  }
.restaurant {
    background-image: url('img/restaurant.jpg'); 
    background-position: center;
}