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

div#history { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto; text-align: left; }

@media all and ( max-width: 1265px ) {
	div#history { width: auto; }
}

/* ================================================================================================================== */
/* bloco */
/* ================================================================================================================== */

div#history div.block { display: flex; position: relative; margin-bottom: 100px; text-align: left; flex-direction: row; }
div#history div.block:nth-child(2n) { flex-direction: row-reverse; }
div#history div.block:last-child { margin-bottom: 0; }
	div#history div.block h1 { margin-bottom: 25px; font-size: 2.857em; color: var(--color2); }
	div#history div.block p { font-size: 1.28em; margin-bottom: 25px; }
	div#history div.block p.small { font-size: 1em; }

	div#history div.block div.text { display: block; position: relative; vertical-align: top; text-align: left; }

	div#history div.block div.photos { display: block; position: relative; vertical-align: top; height: auto; margin-left: 75px; }
	div#history div.block:nth-child(2n) div.photos { margin-right: 75px; margin-left: 0; }

		div#history div.block div.photos a { display: none; position: relative; width: auto; height: auto; }
		div#history div.block div.photos a:first-child { display: block; }
			div#history div.block div.photos a img { display: block; position: relative; max-width: 800px; max-height: 800px; }

@media all and ( max-width: 1265px ) {
	div#history div.block { display: block; margin-bottom: 35px; }

		div#history div.block div.photos,
		div#history div.block:nth-child(2n) div.photos { margin: 10px; }
}