/* Global */
main {
  margin-bottom: 150px;
}
h1 {
	font-weight: bold;
}

/* Jumbotron */
.jumbotron {
	padding: 100px 0px;
	margin-bottom: 0;
	text-align: center;
}
.jumbotron2 {
  background-color: #CCCCCC;
  padding: 2rem;
	text-align: left;
}


/* Parallax */
.parallax-content{
	position: relative;
	overflow: hidden;
	height: 80vh;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
.parallax {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.parallax:before {
	content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: -1;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 120% auto;
}

/*xs to lg*/
@media(min-width: 769px){
	.parallax-content{
		background-image: url("../../images/parallax-1.jpg");
	}
	.parallax-content-2{
		background-image: url("../../images/parallax-2.jpg");
	}
}

/*xs to 0*/
@media(max-width: 768px){
	.parallax-content {
		background-image: url("../../images/parallax-1-m.jpg");
	}
	.parallax-content-2 {
		background-image: url("../../images/parallax-2-m.jpg");
	}

/* Description */
.guide h2 {
  font-weight: 400;
}
.item-divider {
  margin: 2rem 0; /* Space out the Bootstrap <hr> more */
}
.item-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
  }
.lead {
  text-align: left;
}

/* -- RESPONSIVE CSS -- */
@media (min-width: 40em) {
  .item-heading {
    font-size: 50px;
  }
}
@media (min-width: 62em) {
  .item-heading {
    margin-top: 0;
  }
}