.development-list { display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }

.development-item							{ position:relative; width:48%; margin-bottom: 2em; }
.no-flexbox .development-item.development-odd			{ float:left; }
.no-flexbox .development-item.development-even			{ float:right; }
.development-item .image					{ position:relative; z-index:1; }
.development-item .details					{ position:relative; z-index:1; text-align:center; padding:20px; }
.development-item .details .name			{ font-weight:600; font-size:1.8em; }
.development-item .details .town			{ font-size:1.3em; }
.development-item .listing-link				{ position:absolute; z-index:2; top:0; bottom:0; left:0; right:0; }
.development-item .btn						{ margin:20px 0px 0px 0px; font-size:1.3em; }

.development-item:hover						{ background:#EFEFEF; }
.development-item .image					{ border:3px solid #EFEFEF; }
.development-item .details .town			{ color:#777777; }
.development-item:hover .btn				{ background:#333333; color:#FFFFFF; border:2px solid #333333; }



/** RESPONSIVE **/
@media screen and (max-width:880px){

	.development-item .details .name		{ font-size:1.5em; margin:0px 0px 0px 0px; }
	.development-item .details .town		{ font-size:1.1em; }
	.development-item .btn					{ font-size:1.1em; }

}

@media screen and (max-width:760px){

	.development-item						{ width:100%; }
	.development-item.development-odd,
	.development-item.development-even		{ float:none; }

}