<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/****************************************/	
/* layout                                */
/****************************************/

body
{
	display: flex;
	flex-direction: column;
}

/****************************************/
/* header                               */
/****************************************/

header
{
	align-items: center;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

header h1
{
	flex-grow: 1;
	min-width: 300px;
}

header nav
{
	flex-grow: 1;
	min-width: 300px;
}

@media (max-width: 1200px)
{
	header
	{
		margin-bottom: 0 !important;
	}
}

/****************************************/
/* main                                 */
/****************************************/

main
{
	flex-grow: 1;
	flex-wrap: wrap;
	display: flex;
	margin: auto;
}

main &gt; article
{
	flex-basis: 0;
	flex-grow: 1;
	width: 600px;
	min-width: 300px;
}

@media (max-width: 1199px)
{
	main &gt; article
	{
		max-width: 600px !important;
		width: auto !important;
	}
}

/****************************************/
/* map                                  */
/****************************************/

#map
{
	padding-right: 20px;
}

@media (max-width: 1200px)
{
	#map
	{
		padding-right: 0px !important;
	}
}

/****************************************/
/* synthesis                            */
/****************************************/

#synthesis
{
	padding-left: 20px;
}

@media (max-width: 1200px)
{
	#synthesis
	{
		padding-left: 30px !important;
		padding-right: 20px !important;
	}
}

@media (max-width: 599px)
{
	#synthesis
	{
		padding-left: 20px !important;
	}
}

/****************************************/
</pre></body></html>