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

#company { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; }

/* ================================================================================================================== */
/* texto */
/* ================================================================================================================== */

#company div.text { display: inline-block; position: relative; width: 45%; padding: 0 250px 0 0; vertical-align: top; }
	#company div.text h1 { display: block; position: relative; font-weight: 700; margin: 35px 0; }
	#company div.text h1:first-child { display: block; position: relative; font-size: 2.187em; font-weight: 400; color: #00aeef; }
	#company div.text p { display: block; position: relative; }

@media all and ( max-width: 1250px ) {
	#company div.text { width: 55%; padding: 0 100px 0 0; }
}
@media all and ( max-width: 1050px ) {
	#company div.text { padding: 0 25px 0 0; }
}
@media all and ( max-width: 850px ) {
	#company div.text { display: block; width: auto; text-align: center; }
}

/* ================================================================================================================== */
/* fotos */
/* ================================================================================================================== */

#company div.photos { display: inline-block; position: relative; width: 55%; min-height: 850px; vertical-align: top; }
	#company div.photos a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 565px; background: transparent no-repeat center center; background-size: cover; }
	#company div.photos a[data-focus="false"] { opacity: 0.45; }
	#company div.photos a[data-focus="true"] { opacity: 1; }
	#company div.photos a:nth-child(1) { display: block; top: 0; left: 0; z-index: 1; }
	#company div.photos a:nth-child(2) { display: block; top: 125px; left: -200px; z-index: 3; }
	#company div.photos a:nth-child(3) { display: block; top: 285px; left: 85px; z-index: 2; }

@media all and ( max-width: 1250px ) {
	#company div.photos { width: 45%; }
}
@media all and ( max-width: 1050px ) {
	#company div.photos { min-height: auto; }
		#company div.photos a { display: block; position: relative; top: auto; left: auto; width: 100%; height: auto; padding-bottom: 75%; margin-bottom: 10px; }
		#company div.photos a:nth-child(1),
		#company div.photos a:nth-child(2),
		#company div.photos a:nth-child(3) { top: auto; left: auto; }
}
@media all and ( max-width: 850px ) {
	#company div.photos { display: block; width: auto; margin-top: 35px; }
}

/* ================================================================================================================== */
/* slogan */
/* ================================================================================================================== */

#company h2 { display: block; position: relative; font-size: 2.187em; font-weight: 400; color: #00aeef; margin: 35px 0; }

@media all and ( max-width: 850px ) {
	#company h2 { text-align: center; }
}