@charset "UTF-8";
/* CSS Document */
@import url("boilerplate.css");
#wrapper{
	max-width:1280px;
	margin:0 auto;
	color:#592B08;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
h1{
	font-family: 'Cinzel Decorative', cursive;
	font-size:4em;
	color:#592B08;
}
a{
	text-decoration:none;
	color:#592B08;
}
p{
	font-size:1.2em;
	line-height:1.5;
}
span{
	font-weight:bold
}
.kol10{
	width:83.333%;
	margin:2em auto;
}
.kol3{
	width:25%;
	padding:1em;
	float:right;
	margin-right:8.333%;
}
.small_mike{
	width:7%;
	float:left;
	padding-right:2%
}
section{
	margin:2em 0;
}
video{
	width:100%;
	height:auto;
}
audio{
	width:100%;
}
#gallery{
	position:relative;
}
#previous{
	width:5%;
	position:absolute;
	top:46%;
	left:10px;
	-webkit-transform: rotateY(180deg); 
    transform: rotateY(180deg);
	cursor:pointer;
}
#next{
	width:5%;
	position:absolute;
	top:46%;
	right:10px;
	cursor:pointer;
}
footer{
	text-align:center;
	font-size:2em;
	margin:2em 0;
	padding:1em;
	border-top:solid 1px #592B08;
	border-bottom:solid 1px #592B08;
}
@media screen and (max-width:600px){
	[class*="col"], [class*="kol"]{
		width:100%;
		float:none;
	}
	p{
		margin:1em 0;
	}
	.mike{
		width:30%;
		margin:0 auto;
	}
	header br{
		display:none;
	}
}