body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
body, html {
    height: 100%;
    line-height: 1.8;
}

/* Parallax Effect */
.bgimg-1, .fd-1, .sp-1, .ed-1 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* First image (Title. Full height) */
.bgimg-1 {
    background-image: url("../img/img09.jpg");
    min-height: 100%;
}

/* Second image (Recipes) */
.fd-1 {
  background-image: url("../img/img01.jpeg");
  min-height: 400px;
}

/* Third image */
.sp-1 {
  background-image: url("../img/img08.jpeg");
  min-height: 400px;
}

/* Last image */
.ed-1 {
  background-image: url("../img/img10.jpeg");
  min-height: 400px;
}

.pg-1 {
  font-family: "Roboto", serif;
}

.w3-bar .w3-button {
    padding: 16px;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .fd-1 {
        background-attachment: scroll;
    }
}