.banner
{
	display: block;
	position: relative;
	width: 100%;
}

.banner article
{
	display: block;
	position: absolute;
	width: 50%;
	max-width: 400px;
	height: 100mm;
	top: 0mm;
}

.banner table
{
	border: none;
	border-collapse: collapse;
}

.banner #map
{
	/*height: 88mm;*/
	/*margin: 0mm 12mm 0mm 12mm;*/

	position: absolute;
	left: 0mm;
	right: 0mm;
	top: 0mm;
	bottom: 0mm;
}

.banner #social
{
	/*height: 88mm;
	margin: 0mm 12mm 0mm 0mm;*/
	
	position: absolute;
	left: 0mm;
	right: 0mm;
	top: 0mm;
	bottom: 0mm;
	/*left: 6mm;
	right: 6mm;
	top: 6mm;
	bottom: 6mm;*/
	overflow: hidden;
	text-align: center;
}

.banner #social .fb-page,
.banner #social .fb_iframe_widget span,
.banner #social .fb_iframe_widget iframe
{
	height: 100% !important;
}

.banner #social .fb_iframe_widget,
.banner #social .fb_iframe_widget span,
.banner #social .fb_iframe_widget iframe,
.banner #social ._2p3a
{
	/*width: 100% !important;*/
}

.articles
{
	/*padding: 12mm 0mm;*/
	padding: 6mm 0mm 12mm 0mm;
}

.articles .card
{
	margin-top: 0mm;
	margin-bottom: 6mm;
}

.intro
{
	padding-top: 12mm;
}

.buttons
{
	padding: 0mm 6mm;
}

.buttons .wrapper
{
	width: 50%;
	float: left;
	margin: 0mm;
}

.buttons .wrapper .card
{
	margin: 0mm 6mm 12mm 6mm;
}

/* Mobile: */

@media ( max-width: 699px )
{
	.banner
	{
		height: auto;
	}

	.banner td
	{
		display: block;
		width: 100% !important;
		margin-bottom: 6mm;
	}

	.banner .card
	{
		margin: 0mm 6mm 0mm 6mm !important;
	}

	/*.banner #map
	{
		margin: 0mm 6mm;
	}*/

	.banner #social
	{
		/*margin: 0mm 6mm;*/
	}

	.articles
	{
		padding: 6mm 0mm;
	}

	.articles .card
	{
		margin-top: 0mm !important;
	}

	.articles .card .icon
	{
		display: initial;
	}

	.articles .card .text
	{
		padding-left: 24mm;
	}

	.intro
	{
		padding-top: 0mm;
		padding-bottom: 0mm;
	}

	.buttons
	{
		padding: 6mm;
		padding-bottom: 180mm;
	}

	.buttons .wrapper
	{
		width: 100%;
	}

	.buttons .wrapper .card
	{
		margin: 0mm;
		margin-bottom: 6mm;
	}
}