/* Static image */
#intro.bg-image .container-fluid {
  background-image: url('../img/unsplash/10.jpg');
  background-size: cover;
}

/* Rain background */
#intro.bg-rain .container-fluid {
  background-image: url('../img/unsplash/8.jpg');
  background-size: cover;
}

/* Snow background */
#intro #snow {
  background-image: url('../img/unsplash/9.jpg');
  background-size: cover;
}

/* Static color */
#intro.color .container-fluid {
  background: #5D815B;
}

/* Introduction background */
#introduction .half.bg {
  background-image: url('../img/unsplash/1.jpg');
  background-size: cover;
}

/* Services background */
#services .half.bg {
  background-image: url('../img/unsplash/2.jpg');
  background-size: cover;
}

/* Portfolio background */
#portfolio .half.bg {
  background-image: url('../img/unsplash/3.jpg');
  background-size: cover;
}

/* About background */
#about .half.bg {
  background-image: url('../img/unsplash/4.jpg');
  background-size: cover;
}

.header h1 {
  font-size: 7em;
  top: -50px;
  text-shadow: 2px 2px #000;
}

.header h2 {
  font-size: 2em;
  bottom: -50px;
  position: relative;
  text-shadow: 2px 2px #000;
}

@media screen and (min-width: 1200px) {
  #dude-on-side {
    background-position: -300px 0;
  }
}

@media screen and (min-width: 1200px) {
  #dude-on-other-side {
    background-position: -300px 0;
  }
}