/** GENERAL **/
.static-wrapper					{ padding:60px 0px; font-size:1.3em; }
.static-wrapper h1				{ margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; }
.static-wrapper h1 span			{ display:block; text-transform:none; font-size:0.7em; }
.static-wrapper .left-col,
.static-wrapper .right-col		{ width:48%; }
.static-wrapper .left-col		{ float:left; }
.static-wrapper .right-col		{ float:right; }

.static-wrapper h1				{ border-bottom:2px solid #383836; }
.static-wrapper h1 span			{ color:#777777; }



/** ABOUT US **/
.about-img						{ width:100%; max-width:800px; max-height:900px; margin:0px 0px 20px 0px; }
.about-us .col-height			{ padding:100px 0px; margin:20px 0px; }
.about-us .col-height strong	{ font-size:1.3em; }



/** PREVIOUS DEVELOPMENTS **/
.previous-wrapper 										{ font-size:0px; }
.previous-wrapper .development-box						{ display:inline-block; vertical-align:top; width:25%; font-size:14px; margin:40px 0px 0px 0px; }
.previous-wrapper .development-box .spacing				{ position:relative; margin:0px 5px; }
.previous-wrapper .development-box .details				{ padding:20px 0px; }
.previous-wrapper .development-box .details h2			{ font-size:1em; font-weight:600; }
.previous-wrapper .development-box .coming-soon-link	{ display:block; position:absolute; z-index:99; top:0; bottom:0; left:0; right:0; }

.previous-wrapper .development-box .image				{ border:5px solid #FAFAFA; }
.coming-soon-wrapper .development-box:hover				{ background:#FAFAFA; }
.previous-wrapper .development-box .details				{ color:#777777; }
.previous-wrapper .development-box .details h2			{ color:#383836; }



/** RESPONSIVE **/
@media screen and (max-width:1100px){
	
	.previous-wrapper .development-box				{ width:25%; }

}

@media screen and (max-width:850px){
	
	.previous-wrapper .development-box				{ width:33%; }

}

@media screen and (max-width:760px){
	
	.static-wrapper .left-col,
	.static-wrapper .right-col			{ float:none; width:100%; }
	.about-us .col-height				{ padding:30px 0px; }
	.about-us .col-height-text			{ height:auto !important; }
	.about-us .col-height.fill-space	{ height:450px !important; }
	
}

@media screen and (max-width:650px){
	
	.previous-wrapper .development-box				{ width:50%; }

}

@media screen and (max-width:450px){
	
	.previous-wrapper .development-box				{ width:100%; }

}

@media screen and (max-width:400px){
	
	.about-us .col-height.fill-space				{ height:220px !important; }
	
}