/** GENERAL **/
.services-wrapper							{ text-align:center; padding:60px 0px; }
.services-wrapper .service-box				{ display:inline-block; margin:0px 0px 20px 0px; width:33%; position:relative; vertical-align:top; }
.services-wrapper.row-1 .service-box		{ width:100%; }
.services-wrapper.row-2 .service-box		{ width:49%; }
.services-wrapper.row-3 .service-box		{ width:33%; }
.services-wrapper .service-box .padding		{ padding:0px 10px; }
.services-wrapper .service-box span			{ display:block; }

.services-wrapper .service-box .image		{ border:2px solid #383836; }



/** TEXT **/
.services-wrapper .service-box .text-wrapper .title			{ text-transform:uppercase; font-weight:300; padding:10px; font-size:1.8em; font-family: 'Playfair Display', serif; }
.services-wrapper .service-box .text-wrapper .text			{ display:block; padding:10px; font-size:1.4em; font-weight:300; }

.services-wrapper .service-box .text-wrapper .title			{ background:rgba(56,56,54,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC383836,endColorstr=#CC383836); zoom:1; color:#FFFFFF; text-align:left; font-weight:400; }
.services-wrapper .service-box .text-wrapper .text			{ background:rgba(56,56,54,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC383836,endColorstr=#CC383836); zoom:1; color:#FFFFFF; text-align:left; }



/** SLIDING CONTENT **/
.services-wrapper.slide .service-box						{ overflow:hidden; }
.services-wrapper.slide .text-wrapper						{ position:absolute; left:10px; right:10px; }
.services-wrapper.slide .text								{ display:none; }


/** RESPONSIVE **/
@media screen and (max-width:800px){
	
	.services-wrapper .service-box .padding		{ padding:0px 5px; }
	.services-wrapper.slide .text-wrapper		{ position:absolute; left:5px; right:5px; }
	
}

@media screen and (max-width:760px){
	
	.services-wrapper.row-3 .service-box						{ width:100%; }
	.services-wrapper.row-3 .service-box .image					{ margin-bottom:0px !important; }
	.services-wrapper.row-3 .service-box .text-wrapper .title	{ height:auto; }
	.services-wrapper.slide.row-3 .text-wrapper					{ position:static; }
	.services-wrapper.slide.row-3 .text							{ display:block; }
	
}

@media screen and (max-width:660px){
	
	.services-wrapper.row-2 .service-box						{ width:100%; }
	.services-wrapper.row-2 .service-box .image					{ margin-bottom:0px !important; }
	.services-wrapper.row-2 .service-box .text-wrapper .title	{ height:auto; }
	.services-wrapper.slide.row-2 .text-wrapper					{ position:static; }
	.services-wrapper.slide.row-2 .text							{ display:block; }
	
}