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

div#institutions { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto; }
	div#institutions h1 { margin-bottom: 25px; font-size: 2.857em; color: var(--color2); }
	div#institutions h2 { color: var(--color2); margin-bottom: 50px; }
	div#institutions a.details { margin-bottom: 10px; }

/* ================================================================================================================== */
/* fotografias */
/* ================================================================================================================== */

div#institutions div.photos { display: block; position: relative; width: 100%; height: 500px; text-decoration: none; margin-bottom: 15px; }
	div#institutions div.photos a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none; }
	div#institutions div.photos a:first-child { display: block; }
	div#institutions div.footer { display: block; position: relative; border-top: 4px solid var(--color2); margin-top: 50px; }

@media all and ( max-width: 1265px ) {
	div#institutions div.photos { height: 250px; }
}