<style>
	p { font-size: 15px; }
	.featureddown {
		display: none;
	}
	
	div.lst-popular-project.clearfix { overflow:hidden; }
	.greendiv { margin:0 auto 50px; }
/*	.featcontainer {
		padding:0 100px;	
	}*/
/* ######################### */
/*       Small Tablets       */
/* ######################### */

@media (max-width: 768px) {
    #featuredlistings.grid_3 { width: auto !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
		box-sizing: border-box; display: block; overflow:hidden; margin: 10px 15px 20px; padding-bottom:30px; } 
	.featureddown {
		display: block;
	}
	div.lst-popular-project.clearfix { overflow-y:scroll; }
	.greendiv { margin:0 auto; }
}

/* ######################### */
/* Landscape phones and down */
/* ######################### */

@media (max-width: 480px) {
    #featuredlistings..grid_3 { width: auto !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 
    overflow:hidden; box-sizing: border-box; display: block; overflow:hidden; margin: 10px 15px 20px; padding-bottom:30px; }
	.featureddown {
		display: block;
	}
}      	
</style>

<div class="wrap-title clearfix">
	<h2 class="title-mark rs" style="text-align:center; font-family:Montserrat,Raleway,'Open Sans',Montserrat-Light, Oswald,sans-serif;
		text-shadow:0px 1px 0px #fff; font-size:22px; line-height:32px; font-weight:600;">
		FΞATURED DΞALHACK$
	</h2>
	<br />
	<div class="greendiv" style="max-width:100px; width:50%; border-top:3px solid #14E06E;">&nbsp;</div>
</div>
<div class="clear"></div>

<div class="lst-popular-project clearfix" style="height:250px; padding-bottom:0px">
	<?php foreach ($featured_projects as $featured_project) { ?>
	<div id="featuredlistings" class="grid_3" style="">
		
		<h3 class="rs acticle-title">
			<a class="be-fc-black" style="color:#000; font-family:Montserrat,Raleway,'Open Sans',Montserrat-Light, Oswald,sans-serif;"
			href="/project/<?= $featured_project['id'] ?>"><?= $featured_project['title'] ?></a>
		</h3>
		
		<br />
		<p class="rs title-description" style="font-family:Montserrat,Raleway,'Open Sans',Montserrat-Light, Oswald,sans-serif;">
			<?= substr(strip_tags($featured_project['description']),0, 100) ?>... <a href="/project/<?= $featured_project['id'] ?>" 
				class="be-fc-orange" 
				style="font-weight:bold; 
				font-family:Montserrat,Raleway,'Open Sans',Montserrat-Light, Oswald,sans-serif;">read more &raquo;</a>
		</p>
	</div><!--end: GRID_2 -->		
	<?php } ?>
</div>