#project-banner { background-position: top center; background-repeat: no-repeat; background-size: cover; height: 550px }
#project { padding: 70px 0 50px 0 }
	#project #project-content h1 { color: #172335; font-size: 50px; font-weight: 700; margin: 0 }
	#project #project-content h2 { color: #172335; font-size: 20px; font-style: italic; font-weight: 300; margin: 0 }
	#project #project-content p { color: #172335; font-size: 20px; font-weight: 300; margin: 0; padding-bottom: 5px }
	#project #project-content #project-text { bottom: 30px; position: absolute }
	#project #project-content #project-description { padding-bottom: 20px }
	#project .card-columns { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; padding-top: 70px }
		#project .card-columns .card { margin-bottom: 1.25rem }

@media (max-width: 1589px) {
	#project-banner { height: 500px }
	#project { padding: 60px 0 40px 0 }
		#project #project-content h1 { font-size: 42px }
		#project #project-content h2 { font-size: 16px }
		#project #project-content p { font-size: 16px }
		#project #project-content #project-text { bottom: 20px }
		#project .card-columns { padding-top: 60px }
}

@media (max-width: 1199px) {
	#project-banner { height: 450px }
	#project #project-content h1 { font-size: 36px }
	#project #project-content h2 { font-size: 14px }
	#project #project-content p { font-size: 14px }
	#project #project-content #project-text { bottom: 15px }
	#project .card-columns { padding-top: 50px }
}

@media (max-width: 991px) {
	#project-banner { height: 400px }
	#project { padding: 40px 0 30px 0 }
	#project #project-content h2 { padding-bottom: 30px }
	#project #project-content #project-text { bottom: auto; padding-bottom: 25px; position: relative }
	#project .card-columns { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3 }
}

@media (max-width: 767px) {
	#project-banner { height: 350px }
	#project { padding: 30px 0 20px 0 }
		#project .card-columns { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2 }
}

@media (max-width: 575px) {
	#project-banner { background: none !important; height: 160px }
	#project { padding: 20px 0 10px 0 }
		#project .card-columns { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; padding-top: 1.25rem }
}

@media (max-width: 374px) {
	
}