@charset "utf-8";
/* CSS Document */

html, body {
  margin: 0;
  padding: 0;
  background-image:url(../images/cartographer.png);
  width:auto;
}


.container2 {
  width: 90%;
  height:px;
  border: 1px solid red;
  background:#eee;
  
  margin: 0px auto;
  text-align: left;
}



#chart{
	color:"red";
	}
	
.col-xs-6, .col-lg-4{
	column-fill:balance;
	background:#FCFCFC;
	display:table-cell;
	height:225px;
	}
	
.navbar navbar-fixed-top navbar-inverse{
		color:#FFFFFF;
		}
		
.jumbotron{
	width:100%;
	height:250px;
	float:left;
	padding:0px;
	margin:0;
	background-image:url(../images/Blackwhite.jpg);
	background-position:center;
	color:white;
	}
	
	h1{
	color:white !important;
	
	}
	
	h2{
	color:white !important;
	
	}
	
	h3{
	color:black !important;
	
	}
	
	footer{
		color:black;
		
		}
		
.well well-lg{
	opacity:5;
	
	
	}
	
	      #map {
        position:absolute;
        top:0;
        bottom:0;
        right:0;
        left:0;
      }
footer {
	color: white;
}
/* Featurettes
------------------------- */

.featurette-divider {
  margin: 20px 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) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* 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;
	vertical-align:central;
  }

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

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