@font-face {
  font-family: 'Coda Caption';
  src: url('http://musikarbeiterkapelle.net/fonts/CodaCaptionHeavy.woff');
}
@font-face {
	font-family: 'Droid Serif';
	src: url('http://musikarbeiterkapelle.net/fonts/DroidSerifV2.woff');
}

body{
		font-family: 'Droid Serif', serif;
}

.yellow {
	background: #FFCC33;
}

.grey {
	background: #A0A0A0;
}

.navbar {
	border-bottom: 1px solid black;
}


footer img{
	height:30px;
	margin-top:-10px;
}

footer a {
	color: black;

}


h1,h2,h3, nav {
  margin: 0;
  font-family: 'Coda Caption', sans-serif;
}

h2 {
	margin: 60px 0;
}

.youtube{
	height: 250px;
}

.youtube.clearfix{
	height:1px;
}

.anchor, .anchor:hover {
	text-decoration: none;
	color: black;
}

.title_img {
	margin-top: 70px;
	margin-bottom: 20px;
	width:100%;
}

#navigation-menu a.mPS2id-highlight-first{
	color: black;
	background: #e7e7e7;
}

#navigation-menu a:hover{
	color: black;
	background: #afafaf;
}

.maxwidthhundred {
	max-width: 90%;
}

h1{
     word-wrap: break-word;
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -o-hyphens: auto;
     hyphens: auto;
}

.navbar-brand {
	font-size: 0.9em;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

@media (max-width: 680px) {
	h1 {
		font-size: 4vw;
	}
	h2 {
			font-size: 3.5vw;
	}
	h3 {
		font-size: 3vw;
	}
}

@media (max-width: 380px) {
	.navbar-brand {
		font-size: 2.5vw;
	}
}