/*
index.htm
  desktop
    head_x11
    header_1_desktop.jpg
  mobil
    head_x12      
    header_1_mobil.jpg

szalbe.htm
  desktop
    head_x21
    header_2_desktop.jpg
  mobil
    head_x22      
    header_2_mobil.jpg

*/

/*
text21 csak 1023 px felett látszik
text22 csak 1024 px alatt látszik
*/

	<div class="menu2">
		<div class="head_x22">
		   	<img src="header_2_mobil.jpg" class="img-responsive" alt=""></a>
		</div>

.disp_desktop {
	display: block;
}
.disp_mobil {
	display: none;
}

@media (max-width: 991px){
	.disp_desktop {
		display: none;
	}

	.disp_mobil {
		display: block;
	}
}



.top1 {
	position: relative;
	text-align:center;
	width: 100%;
      	height: 60px;
      	background-color: white;
      	-box-shadow: 5px 10px 10px #888888;
	border-bottom: 1px solid #333;
	z-index:999;
}

--.top2 {
	position: relative;
	text-align:center;
	width: 100%;
      	height: 60px;
      	background-color: white;
      	-box-shadow: 5px 10px 10px #888888;
	border-bottom: 1px solid #333;
	z-index:999;
}

.text1 {			/* a fejléc szövege */
  margin: -300px 0px 0px 465px;
  z-index: 0;
  position: absolute;
  font-size: 32px;
  font-weight: bold;
  top: 130px;
  left: -450px;
  margin: 0% 0 0px %;
  width: 70%;
  text-align: left;
  padding: -0px 0 0.0em;
  color: #5a1623;
  font-family: 'Open Sans', sans-serif;

}

.logo1 {			/* a fejléc szövege */
  z-index: 0;
  position: absolute;
  font-size: 2.3em;
  font-weight: bold;
  top: 22%;
  left: 16%;
  margin: 0% 0 0px %;
  width: 70%;
  text-align: right;
  padding: -0px 0 0.0em;
  color: #835447;
}


.sorkoz2 {
	line-height:2;
}

.head_x11 { 			/* az index oldal fejléc képe  desktop nézetben */
	width: 100%;			/* nem kell változtatni*/
	height: 30px;				/* a magasság. Elégnek kell lennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
	background-size: 100px ;		/* a kép mérete. Minél nagyobb, annál kisebb rész látszik belőle */
	background-position: right top; 
	background-repeat: no-repeat;
	margin: -14px -110px 0 0;

}


.head_x12 { 			/* az index oldal fejléc képe  mobil nézetben */
	width: 100%;			/* nem kell változtatni*/
	height: 230px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
	background-size: 1150px ;		/* a kép mérete. Minél nagyobb, annál kisebb rész látszik belőle */
	background-position: right top; 
	background-repeat: no-repeat;
	margin: -13px 0 0 0;
}

.head_x21 { 			/* az aloldalak fejléc képe desktop nézetben  */
	width: 100%;			/* nem kell változtatni*/
	height: 250px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
	background-size: 1250px ;		/* a kép mérete. Minél nagyobb, annál kisebb rész látszik belőle */
	background-position: right top; 
	background-repeat: no-repeat;
	margin: -14px 0 0 0;
}

.head_x22 { 			/* az aloldalak fejléc képe mobil nézetben  */
	width: 100%;			/* nem kell változtatni*/
	height: 150px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
	background-size: 11250px ;		/* a kép mérete. Minél nagyobb, annál kisebb rész látszik belőle */
	background-position: right top; 
	background-repeat: no-repeat;
	margin: -0px 0 0 0;
}




@media (max-width: 1550px){
	.text1 {		
  		margin: -350px 0px 0px 465px;
	}
	.head_x21 { 
		height: 240px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: -14px 0 0 0;
	}
}


@media (max-width: 1400px){
	.text1 {		
  		margin: -350px 0px 0px 465px;
	}
	.head_x21 { 
		height: 240px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: -14px 0 0 0;
	}
}

@media (max-width: 1366px){
	.text1 {		
  		margin: -330px 0px 0px 465px;
	}
	.head_x21 { 
		height: 210px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: -14px 0 0 0;
	}

}
@media (max-width: 1280px){
	.text1 {		
  		margin: -310px 0px 0px 465px;
	}
	.logo1 {		
  		top: 100px;
  		left: 25px;
  		padding: -100px 0 0.0em;
		width: 550px;
	}

	.head_x21 { 
		height: 180px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: -14px 0 0 0;
	}


}

@media (max-width: 1200px){
	.text1 {		
  		margin: -300px 0px 0px 465px;
	}
}

@media (max-width: 1170px){
	.text1 {		
  		margin: -300px 0px 0px 465px;
	}
	.logo1 {		
  		top: 250px;
  		left: -300px;
  		padding: -100px 0 0.0em;
	}

	.head_x21 { 
		height: 180px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: -14px 0 0 0;
	}


}

@media (max-width: 1080px){
	.text1 {		
  		margin: -300px 0px 0px 465px;
	}
	.head_x21 { 
		height: 180px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: -15px 0 0 0;
	}


}


.text21 {	display: none;	
}
.text22 {	display: none;	
}

@media (min-width: 1023px){
	.text21 {	display: block;	
	}
}
@media (max-width: 1023px){
	.text22 {	display: block;	
	}
}

@media (max-width: 1023px){

	hr {		
		display: none;
	}

	.text1 {	display: none;	
		font-size: 28px;
  		top: 150px;
  		left: -365px;
  		margin: 0% 0 0px %;
  		width: 70%;
  		padding: -0px 0 0.0em;
	}
	.head_x22 { 
		height: 290px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: -13px 0 0 0;
	}

	.head_x22 { 			/* az index oldal fejléc képe  mobil nézetben */
		width: 100%;			/* nem kell változtatni*/
		height: 230px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		background-position: right top; 
		margin: -14px 0 0 0;
}

	#menu_p3 {
		top: 10px;
		padding: 0 0px;
		left: -900px;						/* menü kezdete az ablakhoz képest */
		top: 130px;
	}

}

@media (max-width: 991px){
	.text1 {	display: none;		
		font-size: 28px;
  		top: 150px;
  		left: 180px;
  		margin: 0% 0 0px %;
  		width: 70%;
  		padding: -0px 0 0.0em;
	}
	.head_x22 { 
		height: 220px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: -13px 0 0 0;
	}

	#menu_p3 {
		top: 10px;
		padding: 0 0px;
		left: -800px;						/* menü kezdete az ablakhoz képest */
		top: 130px;
	}


}

@media (max-width: 885px){
	.text1 {		
		font-size: 28px;
  		top: 150px;
  		left: 180px;
  		margin: 0% 0 0px %;
  		width: 70%;
  		padding: -0px 0 0.0em;
	}
	.head_x22 { 
		height: 190px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: -13px 0 0 0;
	}

	#menu_p3 {
		top: 10px;
		padding: 0 0px;
		left: -700px;						/* menü kezdete az ablakhoz képest */
		top: 110px;
	}


}
@media (max-width: 780px){
	.text1 {		
		font-size: 28px;
  		top: 125px;
  		left: 150px;
  		margin: 0% 0 0px %;
  		width: 70%;
  		padding: -0px 0 0.0em;
	}
	.head_x12 { 			/* az index oldal fejléc képe  mobil nézetben */
		width: 100%;			/* nem kell változtatni*/
		height: 100px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		background-size: 1150px ;		/* a kép mérete. Minél nagyobb, annál kisebb rész látszik belőle */
		background-position: right top; 
		background-repeat: no-repeat;
		margin: 0px 0 0 0;
}


	.head_x22 { 
		height: 160px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: 1px 0 0 0;
	}

	#menu_p3 {
		top: 10px;
		padding: 0 0px;
		left: -600px;						/* menü kezdete az ablakhoz képest */
		top: 90px;
	}
}

@media (max-width: 700px){
	.text1 {		
		font-size: 28px;
  		top: 125px;
  		left: 100px;
  		margin: 0% 0 0px %;
  		width: 70%;
  		padding: -0px 0 0.0em;
	}
	.head_x22 { 
		height: 150px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: 1px 0 0 0;
	}

	#menu_p3 {
		top: 10px;
		padding: 0 0px;
		left: -550px;						/* menü kezdete az ablakhoz képest */
		top: 60px;
	}
}
@media (max-width: 640px){
	.text1 {		
		display: none;
		font-size: 28px;
  		top: 90px;
  		left: 30px;
  		margin: 0% 0 0px %;
  		width: 70%;
  		padding: -0px 0 0.0em;
	}
	.head_x22 { 
		height: 120px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: -1px 0 0 0;
	}

	#menu_p3 {
		top: 10px;
		padding: 0 0px;
		left: -500px;						/* menü kezdete az ablakhoz képest */
		top: 40px;
	}
}

@media (max-width: 590px){
	.text1 {		
		display: none;
		font-size: 28px;
  		top: 90px;
  		left: 30px;
  		margin: 0% 0 0px %;
  		width: 70%;
  		padding: -0px 0 0.0em;
	}
	.head_x22 { 
		height: 110px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: 0px 0 0 0;
	}

	#menu_p3 {
		top: 10px;
		padding: 0 0px;
		left: -450px;						/* menü kezdete az ablakhoz képest */
		top: 40px;
	}

}

@media (max-width: 560px){
	.text1 {		
		display: none;
		font-size: 28px;
  		top: 90px;
  		left: 30px;
  		margin: 0% 0 0px %;
  		width: 70%;
  		padding: -0px 0 0.0em;
	}
	.head_x22 { 
		height: 100px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: 1px 0 0 0;
	}

	#menu_p3 {
		top: 10px;
		padding: 0 0px;
		left: -380px;						/* menü kezdete az ablakhoz képest */
		top: 31px;
	}

}

@media (max-width: 480px){
	.text1 {	
		display: none;
		font-size: 22px;
  		top: 80px;
  		left: 30px;
  		margin: 0% 0 0px %;
  		width: 70%;
  		padding: -0px 0 0.0em;
	}
	.head_x22 { 
		height: 80px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: 1px 0 0 0;
	}

	#menu_p3 {
		top: 10px;
		padding: 0 0px;
		left: -300px;						/* menü kezdete az ablakhoz képest */
		top: 20px;
	}
}
@media (max-width: 414px){
	.text1 {		
		display: none;
		font-size: 22px;
  		top: 75px;
  		left: 30px;
  		margin: 0% 0 0px %;
  		width: 70%;
  		padding: -0px 0 0.0em;
	}
	.head_x22 { 
		height: 70px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: 1px 0 0 0;
	}

	#menu_p3 {
		top: 10px;
		padding: 0 0px;
		left: -270px;						/* menü kezdete az ablakhoz képest */
		top: 20px;
	}
}
@media (max-width: 375px){
	.text1 {			/* a fejléc szövege */
		display: none;
		font-size: 24px;
  		top: 80px;
  		left: 30px;
  		margin: 0% 0 0px %;
  		width: 80%;
  		padding: -0px 0 0.0em;
	}
	.head_x22 { 
		height: 60px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: 1px 0 0 0;
	}

	#menu_p3 {
		padding: 0 0px;
		left: -220px;						/* menü kezdete az ablakhoz képest */
		top: 18px;
	}

	.video1 {
		display: none;
	}
	.video2 {
		display: block;
	}


}

@media (max-width: 320px){
	.text1 {			/* a fejléc szövege */
		display: none;
		font-size: 20px;
  		top: 100px;
  		left: 30px;
  		margin: 0% 0 0px %;
  		width: 70%;
  		padding: -0px 0 0.0em;
	}
	.head_x22 { 
		height: 50px;				/* a magasság. Elégnek kelllennie, hogy bele férjen a kép, ha kisebb, levágja az alját */
		margin: 1px 0 0 0;
	}

	#menu_p3 {
		padding: 0 0px;
		left: -200px;						/* menü kezdete az ablakhoz képest */
		top: -0px;
	}

}