html,
body {
  height: 100%;
  font-family: 'Josefin Slab', serif;
  padding-top: 10px;
}

a {
		color: 	rgba(109,181,135,1);
	
}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -25px;
  /* Pad bottom by footer height */
  padding: 0 0 25px;
}
.container {padding: 0px;}
.container .jumbotron {
	border-radius: 0px;
}

.navbar {
	margin-bottom: 10px;
	background-color: rgba(109,181,135,.15);
	border: 1px solid #dddddd;
}

h4 {
  margin-top: 10px;
}

.row {
  margin-bottom: 10px;
}

.row .row {
  margin-top: 10px;
  margin-bottom: 0;
}

[class*="col-"] {
  background-color: #fff;
  background-color: rgba(255,255,255,.85);
  border: 1px solid rgba(109,181,135,.25);
  outline-color: rgba(255,255,255,.85);
  outline-style: solid;
  outline-width: thick;
  padding: 15px;
  margin-top: 260px;
 
}

hr {
  margin-top: 40px;
  margin-bottom: 40px;
}


.oriolus {
	background-size: cover;
	background-repeat: no-repeat;
	height: 800px;
	padding: 5px;
	padding-top: 0px;
	border: 1px solid rgba(109,181,135,.5);

}
.oriolus h1 {
	font-family: 'Josefin Slab', serif;
	font-weight:400;
	font-size: 5em;
	color: #fff;
}
.oriolus h4 {
	font-family: 'Josefin Slab', serif;
	font-weight: 400;
	font-size: 1.2 em;
	
}
/* Media Anweisungen fŸr Hintergrund und Grš§e der †berschrift */

@media screen and (max-width: 1199px){
	  [class*="col-"] {
	  	margin-top: 0;
	  	padding: 5px;	  }
}
@media screen and (min-width: 760px) {
	.oriolus {
		background-image: url(../pics/oriolus_ensemble1a.jpg);
		background-position: right bottom;
	}
    
}

@media screen and (max-width: 759px) {
	.oriolus {
		background-image: url(../pics/oriolus_ensemble2.jpg);
		background-position: center bottom;
	}
	
}

@media screen and (max-width: 670px) {
	.oriolus {
		background-image: url(../pics/oriolus_ensemble3.jpg);
		background-position: center bottom;
		padding: 0px;
	}
	.oriolus h1 {
		font-size: 4em;
	}
	
}

@media screen and (max-width: 550px) {
	.oriolus h1 {
		font-size: 0em;
		margin: 0;
	}
	
}


#footer {
	height: 60px;

	text-align: center;
}

#footer p {
	font-size: xx-small;
}