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

#quality { display: block; position: relative; width: 100%; height: auto; text-align: left; margin: 0 0 100px 0; }

@media all and ( max-width: 1200px ) {
	#quality { margin: 0; }
}

/* ================================================================================================================== */
/* blocos */
/* ================================================================================================================== */

#quality div.block { display: block; position: relative; width: 100%; margin: 50px 0 0 0; }
	#quality div.block span.photo { display: inline-block; position: relative; width: 55%; background: transparent no-repeat center center; background-size: cover; float: right; }
	#quality div.block span.photo
	{
		height: 500px;
		height: -webkit-calc(100vh - 90px);
		height:    -moz-calc(100vh - 90px);
		height:         calc(100vh - 90px);
	}
	#quality div.block:nth-child(2n) span.photo { float: left; }
	#quality div.block div.text { display: inline-block; position: relative; width: 45%; padding: 100px 100px 100px 0; float: left; }
	#quality div.block:nth-child(2n) div.text { float: right; padding: 100px 0 100px 100px; }

@media all and ( max-width: 950px ) {
	#quality div.block { margin: 25px 0 0 0; }
		#quality div.block span.photo
		{
			height: 500px;
			height: -webkit-calc(500px);
			height:    -moz-calc(500px);
			height:         calc(500px);
		}
}
@media all and ( max-width: 860px ) {
	#quality div.block span.photo,
	#quality div.block:nth-child(2n) span.photo { display: block; width: auto; float: none; margin-bottom: 25px; }

	#quality div.block div.text,
	#quality div.block:nth-child(2n) div.text { display: block; width: auto; padding: 25px; float: none; margin-bottom: 100px; }
}
@media all and ( max-width: 450px ) {
	#quality div.block div.text,
	#quality div.block:nth-child(2n) div.text { padding: 0; }

	#quality div.block span.photo
	{
		height: 500px;
		height: -webkit-calc(300px);
		height:    -moz-calc(300px);
		height:         calc(300px);
	}
}

/* ================================================================================================================== */
/* fontes */
/* ================================================================================================================== */

#quality h1 { display: block; position: relative; font-size: 2.687em; margin: 0; }
#quality p.description { display: block; position: relative; margin: 35px 0 0 0; }