/*!
 * Bootstrap Custom CSS by DC
 *
 */

/*.peopleCarouselImg img {
  width: auto;
  height: 400px;
  max-height: 400px;
}*/


.carousel .item {
    background-color: #000000;
    height: 400px;
    width: 1500px;
}

.tales {
  width: 1500px;
}

.carousel.slide img {
    width:100%;
    height:400px;
}

.navbar-default {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}


body { padding-top: 70px; }

#map-canvas {
	width:100%;
 	height:200px;
}

.jumbotron {
	font-size: 14px;
}

.thumbnail img { width:100%; height:auto; } /* to keep proportions */

.col-lg-4 {
    margin:0px;
    padding:0px;
}


#myModal .modal-dialog
{
  /*width: 80%;*/ /* your width */
  /*height: 80%;*/
}

.modal-body {
    background-color: #FFFFFF;
}
.modal-backdrop {
	/*background-color: white; */
	background-color: rgba(255,255,255,1);
}

.modalimage{
	
	width: 100%; 
	height: auto;
	

}

.spacer {
    margin-top: 360px; /* define margin as you see fit */
}

@media (max-width: 767px) {
	
	.carousel .item .col-lg-4{
    background-color: #000000;
    height: 400px;
    width: 500px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
	
	.carousel .item .col-lg-4{
    background-color: #000000;
    height: 400px;
    width: 500px;
    }

}


@media (min-width: 992px) and (max-width: 1199px) {
	
	.carousel .item .col-lg-4{
    background-color: #000000;
    height: 400px;
    width: 500px;
	}
}