/* from 483++ */

.page-portfolios .intro_text p{padding:0px 10px; max-width: 1170px;}
.page-portfolios .intro_text a{border: 1px solid #fff;padding: 12px 20px 10px;display:inline-block;margin-bottom:20px;}
.portfolio_popup{background: #000;opacity: .8 !important;width:420px;max-width: 100%; padding:20px;color: #fff;text-align:center;border:2px solid #ccc;visibility:hidden;position:fixed;}
.portfolio_popup p{font-size:24px;text-align: center;padding: 42px 18px 10px;}
.portfolio_popup_close{float: right;height: 20px;margin-bottom: 0px;cursor:pointer;font-size: 30px !important; padding:0 0 10px 0 !important;}

@media screen and (max-width: 599px){
	.pf_all_container .website_portfolio_thumbs{width: 50% !important;}
}
@media screen and (max-width: 509px){
	
.pf_all_container .website_portfolio_thumbs{width: 100% !important;}
.pf_all_container .website_portfolio .img-responsive{display:table !important;}
}
@media screen and (max-width: 450px){	
	.portfolio_popup{width:250px;}
}

@media only screen and (min-width: 1200px){
.recent .website_portfolio_thumbs_inner{ max-width: 350px;	margin: 10px auto}
}

h3.portfolioSubheader	{
	color: white;
	text-transform: none;
	max-width: 36em;
	margin: -40px auto 40px;
	font-size: 1.2em;
	line-height: 1.4em;

	
}
h3.portfolioSubheader em {
	color: white;
	font-weight: bold;
}

.sectionheadertitle a,
.annheader_title a {
	color: var(--color-pageTitle);
}

span.catTitle	{
	color: var(--color-siteTitle);
}