@charset "utf-8";
/* CSS Document */
body {
	margin: 10px auto;
	max-width: 75em;
	color: #333333;
	font: 1.2em/1.2 "Agency FB";
	background: #F1F3F4;
}

@media (min-width: 40em) {
	body {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
	}
}

a {
	color:#000;
}
li {
	margin-bottom: 2px;
}

h3, h4, p, ul {
	margin: 4px;
}
article {
	grid-column: 1 / -1;
	grid-row: span 2;
}

header {
	grid-column: 1 / -1;
	max-width: 73.5em;	
}
header img{
	width: 100%;	
}

#news {
	grid-row: span 2;
	grid-column: span 2;
}
#Agency {
	font-family: Agency FB;
}

#wir {
	width: 100%;
}

footer div {
	padding: 1em 0 0 70%;
}

#logo {
	width: 3em;
	height: 3em;
	padding: 5px;
}

#logo3fmx {
	width: 3em;
	height: 3em;
	padding: 0 0 0 10px;
}


header,
nav,
main,
article,
aside,
footer {
	border-radius: 0px 0.5em 0.5em;
	border: 1px solid;
	padding: 5px;
	margin: 5px;
}

section {
	padding: 2px;
	margin: 2px;
}

header, nav, #news, article, aside, article {
	background: #F1F3F4;
	border-color: #d5d5d5;
}

footer, aside {
	background: #e4ebf2;
	border-color: #d5d5d5;
}

.gallery a img {
	width: 18em;
}