main
{
	width: 100%;
	/*max-width: 200mm;*/
	/*min-height: 100%;*/
	margin: 0mm auto;
	/*margin-top: 32mm;*/
	text-align: center;
	
	transform: translateY( 32mm );
	
	transition: 400ms ease;
	will-change: transform;
}

.scroll main
{
	transform: translateY( 12mm );
	
	/*margin-top: 12mm;*/
}

@media ( max-width: 699px )
{
	main
	{
		transform: translateY( 12mm );
	}
}

main h3
{
	text-align: left;
	margin: 6mm 12mm;
	/*margin-left: 18mm;*/
	margin-left: 12mm;

	/*color: #3F3571;*/
	color: #053782;
}

main ul
{
	margin-left: 24mm;
	text-align: left;
	list-style-type: square;
}

main ul li
{
	margin-bottom: 1.0em;
}

main .articles
{
	min-height: 120mm;
}

main .articles .anchor
{
    display: block;
    position: relative;
    top: -32mm;
    visibility: hidden;
}

main .articles .filter-wrapper
{
	/*margin: 6mm 12mm;
	text-align: left;*/
	
	position: absolute;
	top: 10mm;
	right: 12mm;
}

@media ( max-width: 699px )
{
	main .articles .filter-wrapper
	{
		right: 6mm;
	}
}

main .articles .filter-wrapper select
{
	padding: 3mm;
	cursor: pointer;
	
	background: none;
	border: none;
	outline: none;
	color: #053782;
	font-weight: bold
}

main .articles .filter-wrapper option
{
	cursor: pointer;
	color: black;
}