/* CSS Document */
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
body, html {
  height: 100%;
  color: #777;
  line-height: 1.8;
}

/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7, .bgimg-8, .bgimg-9, .bgimg-10, .bgimg-11, .bgimg-12, .bgimg-13, .bgimg-14, .bgimg-15, .bgimg-16, .bgimg-17 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* First image (Logo. Full height) */
.bgimg-1 {
  background-image: url('/images/home_pic.jpg');
  min-height: 100%;
}

/* Second image (Portfolio) */
.bgimg-2 {
  background-image: url("/images/wall_pic2.jpg");
  min-height: 600px;
}

/* Third image (Contact) */
.bgimg-3 {
  background-image: url("/images/wall_pic3.jpg");
  min-height: 600px;
}

.bgimg-4 {
  background-image: url("/images/wall_pic4.jpg");
  min-height: 600px;
}

.bgimg-5 {
  background-image: url("/images/wall_pic5.jpg");
  min-height: 600px;
}

.bgimg-6 {
  background-image: url("/images/wall_pic6.jpg");
  min-height: 600px;
}

.bgimg-7 {
  background-image: url("/images/wall_pic7.jpg");
  min-height: 600px;
}

.bgimg-8 {
  background-image: url("/images/wall_pic8.jpg");
  min-height: 600px;
}

.bgimg-9 {
  background-image: url("/images/wall_pic9.jpg");
  min-height: 600px;
}

.bgimg-10 {
  background-image: url("/images/wall_pic10.jpg");
  min-height: 600px;
}

.bgimg-11 {
  background-image: url("/images/wall_pic11.jpg");
  min-height: 600px;
}

.bgimg-12 {
  background-image: url("/images/wall_pic12.jpg");
  min-height: 600px;
}

.bgimg-13 {
  background-image: url("/images/wall_pic13.jpg");
  min-height: 600px;
}

.bgimg-14 {
  background-image: url("/images/wall_pic14.jpg");
  min-height: 600px;
}

.bgimg-15 {
  background-image: url("/images/wall_pic15.jpg");
  min-height: 600px;
}

.bgimg-16 {
  background-image: url("/images/wall_pic16.jpg");
  min-height: 600px;
}

.bgimg-17 {
  background-image: url("/images/wall_pic17.jpg");
  min-height: 600px;
}


.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7, .bgimg-8, .bgimg-9, .bgimg-10, .bgimg-11, .bgimg-12, .bgimg-13, .bgimg-14, .bgimg-15, .bgimg-16, .bgimg-17 {
	background-attachment: scroll;
	min-height: 400px;
}
}