/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  /*padding-bottom: 40px;*/
  color: #5a5a5a;
}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: relative;
  z-index: 15;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 10px;

  /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
/*  margin-top: -90px;*/
}

.carousel-caption h1{
		font-size: 58px;
		line-height: 58px;
		color:#2e76cb;
	}
	
.carousel-caption p{
		color:#FFF;
		font-size:24px;
		line-height:26px;
		font-weight:bold;
		text-shadow: 2px 1px 1px rgba(0, 0, 0, 1);
		background-color:rgba(0, 0, 0, 0.8);
		padding:5px;
	}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  width:30%;
  float:right;
  text-align:left;
  position:relative;
  left:-10%;
 
	top:20px;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #09234e;
  width:100%;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

#sidebar .btn { float:none!important; text-align:center;}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

.marketing .btn{
	float:right;	
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
}
.marketing h1 {
	 color: #3566AB;
	 font-size:48px;
	 line-height:48px;
}
.marketing h2 {
  font-weight: bold;
  font-size:26px;
  color: #3566AB;
  text-align:left;
}
.marketing h3, .marketing h4 {
	 color: #3566AB;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
   text-align:left;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



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

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
 /*   font-size: 21px;
    line-height: 1.4;*/
	font-size: 17px;
    line-height: 19px;

  }

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

 

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }



}


@media (max-width: 992px) {
		 	.carousel .item {
		height: 375px;
	}
	
	.carousel-inner > .item > img {	
		height: 375px;
	}
	.carousel-caption h1{
		font-size: 39px;
		line-height: 39px;
	}	
	#header { text-align:center; }	
    .logo {
    margin-top: 20px;
    max-width: 260px;
    height: auto;
}
	
}
@media only screen and (max-width: 800px) {

	


}
/* Tablet Portrait size to standard 980*/
@media only screen and (max-width: 768px) {
	
	.carousel .item {
		height: 300px;
	}
	
	.carousel-inner > .item > img {	
		height: 300px;
	}
	.carousel-caption h1{
		font-size: 39px;
		line-height: 39px;
	}
	.carousel-caption p{
		display:none;
	}	
	
	.navbar-header { display:block; }
	
	.marketing h2 { text-align:center;}
	
	.hide-tablet { display:none; }

}
/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (max-width: 600px) {
		.carousel .item {
		height: 250px;
	}
	
	.carousel-inner > .item > img {	
		height: 250px;
	}
	
	
	.hide-phone { display:none; }

}
@media only screen and (max-width: 480px) {
#myCarousel {/*display:none;*/}
.carousel-inner .container{display:none;}
.carousel-inner .item {max-height:189px;}
.carousel-inner .item img {height:auto;}
.carousel-indicators {display:none;}
}
@media only screen and (max-width: 380px) {
.carousel-inner .container{display:none;}
.carousel-inner .item {max-height:120px;}
.carousel-inner .item img {height:auto;}
.carousel-indicators {display:none;}
}
@media only screen and (max-width: 320px) {
.carousel-inner .container{display:none;}
.carousel-inner .item {max-height:101px;}
.carousel-inner .item img {height:auto;}
.carousel-indicators {display:none;}
}
@media only screen and (max-width: 350px) {
.carousel-inner .container{display:none;}
.carousel-inner .item {max-height:110px;}
.carousel-inner .item img {height:auto;}
.carousel-indicators {display:none;}
}
@media only screen and (max-width: 250px) {
.carousel-inner .container{display:none;}
.carousel-inner .item {max-height:79px;}
.carousel-inner .item img {height:auto;}
.carousel-indicators {display:none;}
}