/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 0px;
  padding-bottom: 0px;
}




/* ============================== */
/* Blue Sections */
/* ============================== */
.blue-section{
	background-color: #2980b9;
	padding-top: 75px;
	padding-bottom: 60px;
	text-align: center;
}

.blue-section a:link {
    color: #bee3fd;
	text-shadow: none;
	text-decoration: none;
}

/* visited link */
.blue-section a:visited {
    color: #bee3fd;
	text-shadow: none;
}

/* mouse over link */
.blue-section a:hover {
    color: #bee3fd;
	text-decoration: underline;
}

/* selected link */
.blue-section a:active {
    color: #fff;
}

.blue-section li{
	text-align: left;
    padding-left: 10px ;
    text-indent: -10px ;
	color: #fff;
	line-height:1.7;
}



/* ============================== */
/* Dark Blue Sections */
/* ============================== */

.dkblue-section{
	background-color: #15415e;
	padding-top: 45px;
	padding-bottom: 40px;
	text-align: center;
	color: #fff;
}

.dkblue-section a:link {
    color: #bee3fd;
	text-shadow: none;
	text-decoration: none;
}

/* visited link */
.dkblue-section a:visited {
    color: #bee3fd;
	text-shadow: none;
}

/* mouse over link */
.dkblue-section a:hover {
    color: #bee3fd;
	text-decoration: underline;
}

/* selected link */
.dkblue-section a:active {
    color: #bee3fd;
}



/* Pull Quote
-------------------------------------------------- */
.pullquote {
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.pullquote p {
	font-size: 28px;
	color: #2980b9;
	margin-top: 50px;
	margin-bottom:40px;
}

.pullquote hr {
	height: 1px;
	color: #15415e;
	background-image: -webkit-linear-gradient(left, rgba(21,65,94,0), rgba(21,65,94,0.75), rgba(21,65,94,0));
    background-image:    -moz-linear-gradient(left, rgba(21,65,94,0), rgba(21,65,94,0.75), rgba(21,65,94,0));
    background-image:     -ms-linear-gradient(left, rgba(21,65,94,0), rgba(21,65,94,0.75), rgba(21,65,94,0));
    background-image:      -o-linear-gradient(left, rgba(21,65,94,0), rgba(21,65,94,0.75), rgba(21,65,94,0));
	width: 80%;
}


/* Further Reading
-------------------------------------------------- */
.hangingindent {
	text-align: left;
    padding-left: 22px ;
    text-indent: -22px ;
	color: #fff;
}

.links {
	color: #ffff;
	font-size: 18px;
	font-family: 'Junction';
	text-align: left;
	line-height: 1.9;
}

.links h3 {
	color: #2980b9;
	font-size: 22px;
	font-family: 'Nevis';
	text-shadow: none;
	text-align: ;
	line-height: 1.4;
}

.links a:link {
    color: #15415e;
	font-size: 18px;
	font-family: 'Junction';
}

/* visited link */
.links a:visited {
    color: #2980b9;
}

/* mouse over link */
.links a:hover {
    color: #2980b9;
}

/* selected link */
.links a:active {
    color: #0000FF;
}

.links li {
  color: #15415e;
}

/* Change SVG Color
-------------------------------------------------- */
#chevron svg:hover {
    fill: #fce57e;
}



/* Thin out the marketing headings */
.featurette-heading {
  color: #fff;
  line-height: 1;
  letter-spacing: -1px;
}

.header-caption {
	position: relative;
    right: auto;
    left: auto;
    z-index: 10;
    padding-bottom: 0px;
	font-size: 21px;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .6)
}

.header-caption p{
	font-size: 16px;
}

/* OVERVIEW CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the jumbotron */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {



  /* Bump up size of carousel content */
  .jigsawlogo {
  	width: 190px;
  }

  .header-caption p {
    margin-bottom: 0px;
    font-size: 21px;
    line-height: 1.3;
  }

  .featurette-heading {
    font-size: 48px;
  }
}

@media (min-width: 992px) {

  .jigsawlogo {
  	width: 250px;
  }

  .featurette-heading {
    margin-top: 10px;
  }

  .header-caption p {
    font-size: 22px;
  }

    .featurette-heading {
    font-size: 60px;
  }
}