html, body {
	font-family: 'Raleway', sans-serif;	
	font-weight: 400;	
}

body {
	background: linear-gradient(to right bottom, #f6f6f6 50%, #ffffff 50%);	
	border-bottom: 2px solid #ff00ff;
}

h1, h2, h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.2;
}

h1 {
	margin-bottom: 4rem;
}

h2 {
	margin-bottom: 2.5rem;
	margin-top: 3.5rem;
}

.row {
	max-width: 93rem;
}

.container {
	margin-top: 2rem;
	margin-bottom: 6px;
	border-bottom:2px solid #0000ff;
	padding-bottom: 4rem;
}

.logo {
	margin: 0 auto;
	width:180px;
	height: 180px;
	margin-bottom: 4rem;
}

p, ul li {
	font-size:1.125rem;
	line-height: 2;
	letter-spacing: 1px;
}

p a {
	color:#000;
	border-bottom: 1px solid #000;
	transition: all 0.5s ease;
}

p a:hover, p a:focus {
	color:#ff0000;
	border-bottom: transparent;
}

p.lead {
	line-height: 2;
}

ul.work {
	border-top: 1px solid #ccc;
	list-style-type: none;
	margin:0;
	margin-top: 1.5rem;
}

ul.work li a {
	border-bottom: 1px solid #ccc;
	display: block;
	padding:0.5rem;
	color:#000;
	transition: all 0.5s ease;
	background:transparent;
}

ul.work li a:hover, 
ul.work li a:focus {
	background-color:#f6f6f6;
	color:#ff0000;
	transition: all 0.5 ease;	
}

.wappen {
  margin-top: 2.5rem;
}

.wappen img {
  width: 85%;
}
@media screen and (max-width: 63.9375rem) {
  .wappen img {
    width: 100%;
  }
}

@media screen and (max-width: 39.9375em) {
	h1 {
		margin-bottom:2.5rem;
	}
	h2 {
		margin-bottom: 1.5rem;
		margin-top: 2rem;
	}	
	p, ul li {
		font-size:0.9375rem;
		line-height: 1.8;
	}	
	p.lead {
		font-size: 1rem;
	}
  .wappen img {
    width: 80%;
  }
}