/* First we have to make the main header transparent */

#main-header {
  background-color: transparent;
}

/* Then we turn off the footer */

#main-footer {
  display: none;
}

/* Here we make the content of our page builder sections transparent. This is so that the background image shows through */

.et_pb_section {
  background-color: transparent;
}

/* Here we set the background image for our specific pages. We also set the background image to cover so that it always fills the screen */

.page-id-37 {
    background-image: url("http://176.32.230.250/divi-fullscreen.com/wp-content/uploads/2015/09/skyline.jpg");
   background-size: cover;
}

.page-id-53 {
    background-image: url("http://176.32.230.250/divi-fullscreen.com/wp-content/uploads/2015/09/coast.jpg");
   background-size: cover;
}

/* Finally we change the header color for our pages that don't have a background image */

.page-id-46 #main-header {
  background-color: #188ED4;
}

.page-id-51 #main-header {
  background-color: #188ED4;
}