@import url('https://fonts.googleapis.com/css?family=Quicksand');

html,body {
  height: 100%;
}

.fixed-bg {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 500px; 
  width: 100%;
  text-align: left;
  display: table;
}

.fixed-bg h1 {
  -webkit-text-fill-color: #FFF; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #000;
  display: table-cell;
  vertical-align: middle; font-size: 50px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	
	background: linear-gradient(180deg,rgba(255,255,255,0) 50%, #9bd8ea 50%);
}

.scroll-bg {
  background-color: #0f0f0a;
  padding: 10px 70px;
  color: #676767;
}

/* first section */

.bg-1 {
  background-image: url('../images/Slider/1.jpg');
}

/* third section */

.bg-2 {
  background-image: url('../images/Slider/2.jpg');
}

/* fifth section */

.bg-3 {
  background-image: url('../images/Slider/3.jpg');
}