body {
	background-color: #454543;
	color: #ececec;
}

h1, h2, h3 {
	color: #aeb1bb;
}

ul {
	list-style-type: none;
}

hr {
	background-color: #ffdadd;
}

/* Expanding Font Awesome */
	.fa-ul li i {
		color: green;
	}

/* */
	.panel-body {
		color: #5A5A55;
	}

/* JP logo*/
	.logo {
		margin-right: 5px;
		margin-left: 5px;
	}

/* The circle images, after carousel */
	.img-circle {
		width: 210px;
		height: 210px;
	}

/* Navbar*/
	.navbar ul {
		font-size: large;
	}

/* Expands the carousel.css */
	.carousel-indicators li {
		background-color: #333;
		width: 12px;
		height: 12px;
	}

	.carousel-indicators .active {
		background-color: #F44336;
		width: 15px;
		height: 15px;
	}

	.carousel-caption {
		color: #333;
		background-color: #ccc;
	    border-radius: 16px;
	    opacity: 0.7;
	}
	.carousel-caption h1 {
		color: #101010;
	}

	.carousel .item {
		background-color: #C0392B;
	}

	.dates {
		z-index: 10;
		position: absolute;
		left: 42%;
		top: 18%;
		color: #333;
		margin: 5px;
		padding: 5px;
		border-radius: 16px;
		background-color: #fff;
		opacity: 1;
	}

/* */
	#dayOneHidden {
		color: #454543;
	}

/* Aliens dude*/
	#hiddenAlien {
		display: none;
	}

/* Extends the badge */
	.badge {
		background-color: #e91e63;
	}

	.sleepers {
		background-color: #76D7C4 !important;
		color: #333;
	}

.jag {
	line-height: 3;
	color: #D35400;
	font-weight: 800;
}

#mamma {
	color: #1ABC9C;
	font-weight: 800;
}

/* Adds more css to the hr than carousel.css */
	.featurette-divider {
		color: #204d74;
		height: 2px;
	}

.updates {
	font-weight: 700;
	color: black;
}

/* Trying to change facebook classes*/
	._42ef, ._8u a {
		color: #9cb4d8;
	}

	.panel-body .fa-ul li a::after {
		background-image: url("graphics/External_Link-16.png");
	}

/* @Foooter */
	#no-copy {
		position: relative;
		right: -24px;
		z-index: -1;
	}


@media (max-width: 768px) {

	.carousel {
		height: 500px;
		width: 100%;
	}
	.carousel .item {
		height: 500px;
		width: 100%;
	}
	.carousel-inner > .item > img {
		height: 500px;
		width: 100%;
	}

	.dates {
	position: absolute;
	left: 10%;
	top: -25%;
	background-color: white;
	opacity: 0.7;
	}
}