.bg {
  /* The image used */
  background-image: url("../images/bg-01.jpg");
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  background-size: cover;
}

.bg-filter-1 {
  /* The image used */
  background: url("../images/green-dust-and-scratches.png");
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 2;
}

.bg-filter-2 {
  /* The image used */
  background: url("../images/fake-brick.png");
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 3;
}

.logo {
  /* The image used */
  background: url("../images/logo.png");
  background-size: cover;
  height: 200px;
  width: 200px;
  top: 20px;
  right: 50px;
  position: absolute;
  z-index: 4;
}

.facebook-button {
  padding: 10px 15px 10px 15px;
  cursor: pointer;
  position: absolute;
  font-size: 22px;
  top: 60px;
  left: 0;
  background-color: #fff;
  opacity: 0.6;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  z-index: 5;
}

.facebook-button:hover {
  opacity: 0.8;
}