#mission{
	background-color: #f4f4f4;
	//background: url(_assets/images/bg-mission.jpg);
}

.slide-content p, .project h4.programs-title, .project h4.programs-subtitle {
	text-transform: uppercase;
	color: #D9A400;
	font-size: 1.5em;
	font-family: "Lato";
	font-weight: 300;
	font-style: normal;
}

.project h4.programs-subtitle{
	font-size: 1em;
	color: white;
	padding-bottom: 20px;
}
.slide-content p{
	font-size: 2em;
	font-weight: 500;
	//text-shadow: 2px 2px 3px #000;
	background-color: rgba(217, 164, 0, 0.65);
	border 1px solid white;
	padding: 10px;
	color: white;

}
.project .subtitle.mini{
	color: white;
	font-size: 1.2em;
	line-height: 1.5em;
}
.modal-form{
	background: black;
}


#story-summary{
	padding-bottom: 40px;
}

.project-info h4:after{
	background: #D9A400;
}

.ip-loader {
	bottom: 10%;
}
.ip-header .ip-loader svg path.ip-loader-circle,
.ip-header .ip-loader-circlebg{
	stroke: #D9A400;
}
.portfolio-grid{
	margin-top: 0;
}

.project-info p{
	margin-bottom: 0;
	text-align: center;
}
a.close.top{
	top: 100px;
}

#ajax{
	cursor: url(../images/close-project.png), auto;
}

.project-info.container{
	width: 100%;
}

.project-slide.container{
	padding-left: 0;
	padding-right: 0;

}
.portfolio-inner h4{
	letter-spacing: normal;
}

.project-info{
	padding-top: 0;
}
.project-single{
	margin-bottom: 0;
}
@media only screen and (max-width: 1200px){
	.slide-content p{
		bottom: 0;
		font-size: 1em;
	}
	.section.player {display: none;}
}

@media only screen and (min-width: 1200px){
	#banner-mobile{
		display: none;
	}
}
@media only screen and (min-width: 768px){
	#nav-mobile{
		display: none;
	}

}
@media only screen and (max-width: 768px){
	a.close.top{
		top: 20px;
		background: url(../images/close-small.png);
		width: 25px;
		height: 24px;
	}
}
#banner-mobile img{
	width: 100%;
}
@media only screen and (min-width: 568px){
	.show-mobile{
		display: none;
	}
	.hide-mobile{
		display: block;
	}
	#habits-mobile{
		display: none;
	}
}
@media only screen and (max-width: 568px){
	.show-mobile{
		display: block;
	}
	.hide-mobile{
		display: none;
	}
	.project-slide iframe{
		height: 225px;
	}
	.carousel-wrapper.with_buttons .owl-controls .owl-buttons div{
		top: 35%;
	}
	.project{
		min-height: 555px;
	}
	.project-single{
		padding-top: 40px;
	}
	#ajax iframe{
		padding-top: 0;
	}
	.project-info h4{
		padding-top: 20px;
	}
	#habits-mobile{
		display: block;
	}

}
#ajax .container{
		padding-top: 30px;
		display: inline-block;
		margin-bottom: 25px;
	}