/* ================================================================================================================== */
/* corpo */
/* ================================================================================================================== */

div#services { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto; font-size: 0; background: transparent url(../images/services_bg.jpg) no-repeat center center; background-size: cover; }
div#services
{
	min-height: 100vh;
	min-height: -webkit-calc( 100vh - 55px );
	min-height:    -moz-calc( 100vh - 55px );
	min-height:         calc( 100vh - 55px );
}
	div#services div.container { display: block; position: relative; width: 1200px; margin: 0 auto; padding: 150px 0 0 0; text-align: center; font-size: 0; }

@media all and ( max-width: 1199px )
{
	div#company { padding: 0; }
		div#company div.container { width: auto; padding: 0 10px; }
}

/* ================================================================================================================== */
/* colunas */
/* ================================================================================================================== */

div#services div.col { display: inline-block; position: relative; width: 290px; height: auto; margin: 10px 5px 50px 5px; vertical-align: top; text-align: center; }
	div#services div.col span.icon { display: inline-block; position: relative; width: 100px; height: 100px; }
	div#services div.col h2 { display: block; position: relative; width: 100%; font-size: 24px; line-height: 35px; text-align: center; margin: 15px 0; }
	div#services div.col p { display: block; position: relative; width: 100%; font-size: 14px; line-height: 20px; text-align: center; margin: 0; }
	div#services div.col a.link { display: block; position: relative; width: auto; height: auto; line-height: 25px; font-size: 18px; margin: 25px 0; text-decoration: none; }
	div#services div.col a.link:hover { text-decoration: underline; }
	div#services div.col a.IDSGallery { display: block; position: relative; width: 100%; height: 200px; margin: 15px 0 0 0; }

/* ================================================================================================================== */
/* titulos e textos e fotos */
/* ================================================================================================================== */

div#services h1 { display: block; position: relative; width: 100%; font-size: 35px; line-height: 50px; text-align: center; margin: 0 0 50px 0; }