/** SERVICE BOXES **/
.services-banner						{ padding:40px 0px; font-size:0px; text-align:center; }
.services-box							{ display:inline-block; vertical-align:top; font-size:14px; position:relative; width:30%; min-height:200px; margin:10px; overflow:hidden; }
.services-box .sb-details				{ position:absolute; right:0; left:0; padding:10px; text-align:left; }
.services-box .sb-title					{ display:block; font-size:1.2em; font-weight:600; text-transform:uppercase; }
.services-box .sb-text					{ display:none; margin:15px 0px 30px 0px; font-size:1em; }
.services-box .sb-more					{ display:none; clear:both; font-weight:normal; }

.services-banner						{ background:#FFFFFF; }
.services-box							{ border:1px solid #CCCCCC; }
.services-box.sb-mortgages				{ background:#FFFFFF url(static/services-01.jpg) no-repeat 50% 50%; background-size:cover; }
.services-box.sb-financial				{ background:#FFFFFF url(static/services-02.jpg) no-repeat 50% 50%; background-size:cover; }
.services-box.sb-equity					{ background:#FFFFFF url(static/services-03.jpg) no-repeat 50% 50%; background-size:cover; }
.services-box .sb-details				{ background:rgb(51,51,51); background:rgba(51,51,51,0.9); }
.services-box .sb-title					{ color:#FFFFFF; }
.services-box .sb-text					{ color:#FFFFFF; }
.services-box .sb-more					{ color:#FFFFFF; }



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

	.services-box							{ width:100%; margin:10px 0px 10px 0px; }
	.services-box.sb-about					{ background-position:0% 10%; background-size:cover; }
	.services-box.sb-choose					{ background-position:0% 50%; background-size:cover; }
	.services-box.sb-local					{ background-position:0% 50%; background-size:cover; }
	.services-box .sb-details 				{ height:auto !important; position:static; margin:0px 0px 0px 350px; display:block; }
	.services-box .sb-text,
	.services-box .sb-more					{ display:block; }

}

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

	.services-box .sb-details 				{ margin:150px 0px 0px 0px; }

}