/* ------------------------------------------------------------------------------------------------------------------ */
/* corpo */

#services { display: block; position: relative; width: 100%; margin: 0 auto; padding: 100px 0 50px 0; background-color: #f5f5f5; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* titulo, textos e links */

@media all and ( max-width: 599px )
{
	#services h1.title { display: block; position: relative; width: 90%; margin: 0 auto; font-size: 30px; line-height: 40px; text-align: left; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	#services h1.title { display: block; position: relative; width: 90%; margin: 0 auto; font-size: 30px; line-height: 40px; text-align: left; }
}
@media all and ( min-width: 1100px )
{
	#services h1.title { display: block; position: relative; width: 800px; margin: 0 auto; font-size: 40px; line-height: 50px; text-align: left; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* servicos */

@media all and ( max-width: 599px )
{
	#services div.container { display: block; position: relative; width: 100%; margin: 0 auto; }
		#services div.container h2 { display: block; position: relative; font-size: 18px; font-weight: bold; margin: 45px 20px 0 20px; }
		#services div.container p { display: block; position: relative; font-size: 12px; margin: 15px 20px 50px 20px; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	#services div.container { display: block; position: relative; width: 100%; margin: 0 auto; }
		#services div.container h2 { display: block; position: relative; font-size: 18px; font-weight: bold; margin: 45px 20px 0 20px; }
		#services div.container p { display: block; position: relative; font-size: 12px; margin: 15px 20px 50px 20px; }
}
@media all and ( min-width: 1100px )
{
	#services div.container { display: block; position: relative; width: 800px; margin: 0 auto; }
		#services div.container h2 { display: block; position: relative; font-size: 24px; font-weight: bold; margin: 45px 20px 0 20px; }
		#services div.container p { display: block; position: relative; font-size: 14px; margin: 15px 20px 50px 20px; }
}


/* ------------------------------------------------------------------------------------------------------------------ */