/* .jumbotron {
	height: 620px !important;
} */

#ct-1-p {
	background-image: url('../../../Images/project_4_images/project_4_jumbo.png');
	/* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
	background-size: cover;
}

#ct-3-p {
	background-color: transparent;
	padding-bottom: 0px !important;
	margin-bottom: 0px;
}

.s-project-jumbo {
	margin: 75px 125px 125px 125px !important;
}

#ct-6-p {
	background-image: url('../../../Images/project_4_images/project_4_s_1.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
	border-bottom: 0px;
	filter: drop-shadow(30px 10px 4px #eee);
	background-position: 50% 1%;
}

#ct-7-p {
	background-image: url('../../../Images/project_4_images/project_4_s_2.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
	border-bottom: 0px;
	filter: drop-shadow(30px 10px 4px #eee);
	background-position: 50% 59%;
}

#ct-7_1-p {
	background-image: url('../../../Images/project_4_images/project_4_s_3.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
	border-bottom: 0px;
	filter: drop-shadow(30px 10px 4px #eee);
	background-position: 50% 59%;
}

.mid-image {
	display: block;
	margin: 0 auto;
}

.skycon_ {
	margin: 0 auto;
	display: block;
}

#row-0 {
	margin-bottom: 200px;
}

.message_box {
	margin: 5px;
	background-color: #e5ffcc;
	border-radius: 10px;
	padding: 5px;
	width: 70%;
}

/* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
.message_box p {
	font-size: 1.4rem;
	font-family: sans-serif;
	display: inline;
}

.message_time {
	font-size: 1.2rem !important;
	float: right;
	display: inline-block;
	color: #757575;
}

#app_type {
	/* border: 2px solid #eee; */
	width: 320px;
	margin: 0 auto;
	height: 100%;
	overflow: auto;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	max-height: 500px;
}

.left_message {
	float: left;
	background-color: #FAFAFA;
}

.right_message {
	float: right;
}

#total_count_row {
	margin-top: 25px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
}

.total_count h2 {
	border-bottom: 3px solid #F9BB4D;
	font-family: 'Open sans', sans-serif;
	display: inline-block;
}

@media screen and (min-width: 1500px) {
	#ct-1-p {
    height: 730px !important;
  }
}

@media screen and (max-width: 1224px) {
	.jumbotron {
		height: 420px !important;
	}
}

@media screen and (min-width: 900px) {
	#ct-1-p {
		height: 600px;
	}
}

@media screen and (max-width: 992px) {
	#ct-1-p {
		height: 450px;
	}

	#row-0 > .col-md-4:first-of-type > .skycon_	 {
		display: block !important;
	}

	.skycon_ {
		display: none;
	}

	.s-project-jumbo {
		margin: 0px !important;
		height: 300px !important;
		border: 20px solid transparent; /* Clever little hack since margin/border does not affect spacing */
	}

	#ct-3-p {
		height: 600px !important;
	}

	.total_count h2 {
		font-size: 1.8rem;
		min-height: 38px;
		margin-top: 0px;
	}

	#app_type {
		width: 280px;
	}

	#total_count_row {
		margin-top: 0px;
	}
}

@media screen and (max-width: 500px) {
	#ct-5-p {
		padding: 0px;
		margin-bottom: 50px;
	}

	.s-project-jumbo {
		background-size: contain !important;
		background-repeat: no-repeat;
		background-color: transparent;
	}

	.s-project-jumbo {
		margin: 0px !important;
		height: 225px !important;
	}

	#ct-1-p {
		height: 300px;
	}

	#total_count_row {
		display: none;
	}
}