@font-face {
   font-family: Amarillo;
   src: url(Amarillo.ttf);
}
@font-face {
   font-family: OS-R;
   src: url(OpenSans-Regular.ttf);
}
@font-face {
   font-family: OS-S;
   src: url(OpenSans-Semibold.ttf);
}
body{
  margin: 0 0;
  font-family: OS-R;
}
#page{
margin: 0 0;
}
@media screen and (min-width: 800px){
#head{
  background-image:url('header-1400.jpg');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin: 0 0;
  position: relative;
}
	#title{
	  color: #fff;
	  position: absolute;
      bottom: 30%;
      left: 5%;
	  font-family: Amarillo;
	}
		h1, h2 { text-shadow: 2px 2px #5a4c70; line-height: 1em; }
		h1 { font-size: 50px; }
		h2 { font-size: 20px; margin:-30px 0 0 40px; }
	
#content{
  background-color:#fff;
  width: 100%;
  min-height: 500px;
  display: table;
  box-sizing: border-box;
  padding: 40px 5%;
}
	#desc{
	  display: table-cell;
	}
		#desc p{
		  margin: 20px 20px 40px 0;
		}
		#videok {
		  display:table;
		  margin: 20px 0;
		  border-collapse: separate;
		  border-spacing: 20px;
		  text-align:center;
		}
			.video{
			  display: table-cell;
			  width: 39%;
			}
			.videogomb {
			  position: relative;
			  z-index: 2;
			  margin-bottom: -40%;
			}
			.videkep {
			  width: 100%;
			  margin-top: -20px;
			}

	#kontakt{
	  display: table-cell;
	  width: 200px;
	  margin: 0 0 0 20px;

	}
		#kontakt h2 { font-size: 20px; font-family: Amarillo; color:#5a4c70; text-shadow: none; margin: 0 0 20px 0; }
		#kontakt p{
		  margin: 0 0 0 20px;
		}
#footer{
  background-color:#0f0c0c;
  color: #fff;
  min-height: 80px;
  text-align: center;
  padding: 30px 0 0 0;
}
}
@media screen and (min-width: 600px) and (max-width: 799px){
#head{
  background-image:url('header-800.jpg');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin: 0 0;
  position: relative;
}
	#title{
	  color: #fff;
	  position: absolute;
      bottom: 30%;
      left: 5%;
	  font-family: Amarillo;
	}
		h1, h2 { text-shadow: 2px 2px #5a4c70; line-height: 1em; }
		h1 { font-size: 30px; }
		h2 { font-size: 14px; margin:-20px 0 0 30px; }
	
#content{
  background-color:#fff;
  width: 100%;
  box-sizing: border-box;
  padding: 40px 5%;
}
	#desc{
	  min-height: 400px;
	}
		#desc p{
		  margin: 20px 0 40px 0;
		}
		#videok {
		  display:table;
		  margin: 10px 0;
		  border-collapse: separate;
		  border-spacing: 20px;
		  text-align:center;
		}
			.video{
			  display: table-cell;
			  width: 45%;
			}
			.videogomb {
			  position: relative;
			  z-index: 2;
			  margin-bottom: -40%;
			}
			.videkep {
			  width: 100%;
			  margin-top: -20px;
			}
	#kontakt{
	  margin: 0 0 0 20px;
	}
		#kontakt h2 { font-size: 20px; font-family: Amarillo; color:#5a4c70; text-shadow: none; margin: 0 0 20px 0; }
		#kontakt p{
		  margin: 0 0 0 20px;
		}
#footer{
  background-color:#0f0c0c;
  color: #fff;
  min-height: 80px;
  text-align: center;
  padding: 30px 0 0 0;
}
}
@media screen and (max-width: 599px){
#head{
  background-image:url('header-800.jpg');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin: 0 0;
  position: relative;
}
	#title{
	  color: #fff;
	  position: absolute;
      bottom: 10%;
      left: 5%;
	  font-family: Amarillo;
	}
		h1, h2 { text-shadow: 2px 2px #5a4c70; line-height: 1em; }
		h1 { font-size: 25px; }
		h2 { font-size: 10px; margin:-15px 0 0 0; line-height: 1.5em; }
	
#content{
  background-color:#fff;
  width: 100%;
  box-sizing: border-box;
  padding: 40px 5%;
}
	#desc{
	  min-height: 600px;
	}
		#desc p{
		  margin: 20px 0 40px 0;
		}
		#videok {
		  margin: 10px 0 30px 0;
		  text-align:center;
		}
			.video{
			  width: 100%;
			  margin-bottom:30px;
			}
			.videogomb {
			  position: relative;
			  z-index: 2;
			  margin-bottom: -40%;
			}
			.videkep {
			  width: 100%;
			  margin-top: -20px;
			}
	#kontakt{
	  margin: 20px 0 0 20px;
	}
		#kontakt h2 { font-size: 20px; font-family: Amarillo; color:#5a4c70; text-shadow: none; margin: 0 0 20px 0; }
		#kontakt p{
		  margin: 0 0 0 20px;
		}
#footer{
  background-color:#0f0c0c;
  color: #fff;
  min-height: 80px;
  text-align: center;
  padding: 30px 0 0 0;
}
}