.intro-masthead {
  text-align: center;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 35rem;
  padding: 15rem 0;
  background: linear-gradient(to bottom, rgba(23, 23, 30, 0.3) 0%, rgba(125, 125, 121, 0.2) 100%), url(../img/food.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.page-content{
  width: 85%;
  margin: 0 auto;
}


.playful {
    font-family: 'Indie Flower', cursive;
    color: white;
    font-size: 2rem;
}

.starters, .snacks, .main, .traditional, .desserts, .salads {
  padding-top: 3rem;
}

.menu-image {
  position: relative;
  min-height: 35rem;
  padding: 15rem 0;
  /* background: linear-gradient(to bottom, rgba(23, 23, 30, 0.3) 0%, rgba(125, 125, 121, 0.2) 100%), url(../img/food.jpg); */
  background-size: contain!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
}

.starters .menu-image {
  background: url(../img/appetiser.jpg);
}

.traditional .menu-image {
  background: url(../img/mazondo.jpg);
}

.salads .menu-image{
    background: url(../img/sl-2.jpg);
}

.desserts .menu-image{
    background: url(../img/des1.jpg);
}

.main .menu-image {
  background: url(../img/main-meals.jpg);
}

.snacks .menu-image {
  background: url(../img/new_chicken1-of-9.jpg)
}

.content {
  text-align: center;
  padding: 3rem;
  line-height: 2rem;
}

.content ul {
  list-style: none;
}

.intro-masthead h2 {
  color: white;
  font-size: 6rem;
  font-family: 'Raleway', sans-serif !important;
}

.traditional h3, .starters h3, .main h3, .desserts h3, .salads h3, .snacks h3{
  text-align: center;
  font-size: 5rem;
  font-family: 'Montserrat', sans-serif;
}


.snacks h3 {
  padding-bottom: 2rem;
}

.snacks, .main, .traditional, .desserts, .salads {
  background-color: aliceblue;
}