#portfolio-controls { padding: 50px 0; text-align: center }
	#portfolio-controls .btn { -moz-border-radius: 3px; -moz-box-shadow: none; -webkit-border-radius: 3px; -webkit-box-shadow: none; background-color: #D0D0D0; border-radius: 3px; box-shadow: none; color: #FFF; font-size: 19px; font-weight: 300; padding: 9px 30px; margin: 0 5px; outline: none; text-transform: uppercase }
	#portfolio-controls .btn:hover, #portfolio-controls .btn.mixitup-control-active { background-color: #EF7D23 }
.portfolio-listing { border: 1px solid #D0D0D0; margin-bottom: 30px; padding: 20px }
	.portfolio-listing img { margin-bottom: 15px }
	.portfolio-listing h2 { color: #172335; font-size: 40px; font-weight: 700; margin: 0 }
	.portfolio-listing p { font-size: 18px; font-weight: 300; margin: 0 }
	.portfolio-listing .btn { background-color: #888; color: #FFF; font-size: 19px; font-weight: 300; text-transform: uppercase }

@media (max-width: 1589px) {
	#portfolio-controls .btn { font-size: 16px }
	.portfolio-listing h2 { font-size: 30px }
	.portfolio-listing p { font-size: 14px }
	.portfolio-listing .btn { font-size: 16px }
}

@media (max-width: 1199px) {
	.portfolio-listing h2 { font-size: 24px }
	.portfolio-listing p { font-size: 12px }
}

@media (max-width: 991px) {
	#portfolio-controls .btn { font-size: 14px; margin: 0 3px; padding: 9px 20px }
	.portfolio-listing h2 { font-size: 32px }
}

@media (max-width: 767px) {
	.portfolio-listing h2 { font-size: 24px }
	#portfolio-controls .btn { font-size: 13px; margin: 0 2px; padding: 8px 17px }
}

@media (max-width: 575px) {
	#portfolio-controls { padding: 40px 0 35px 0 }
		#portfolio-controls .btn { display: block; margin: 0 0 5px 0; width: 100% }
	.portfolio-listing h2 { font-size: 28px; text-align: center }
	.portfolio-listing p { padding-bottom: 10px; text-align: center }
}

@media (max-width: 374px) {

}