@charset "utf-8";

/* big Tablet landscape (1024x768) */
@media screen and (max-width: 1044px) {

	#home_txt  h1{
		color: #FF9;
	}


	#map{
		width: 26%;
	}
	#form{
		width: 40%;
		margin-right: 2%;
	}
	#more_txt{
	  width: 26%;
	  float:right;
	  margin-right: 2%;
	  margin-left: 0;
	}

}


@media screen and (max-width: 800px) and (max-height: 480px) {

	#albom_home{
		position: relative;
		left:0;
		top:0;
		margin:0;
		width: 100%;
		padding-top: 50px;
		padding-bottom: 106px;
		overflow: auto;
	}

}


/* Small Tablet landscape  (800x600) */
@media screen and (max-width: 820px) {

	nav #nav li{
		width: 12.2%;
	}


	 nav #nav li a,
	 nav #nav li .curr{
		width:55%;

	 }
	nav #nav li:first-child{
		width: 14.5%;
	}

	nav #nav li:first-child a:hover,
	nav #nav li:first-child a,
	nav #nav li:first-child .curr{
		background: none;
		width: 100px;

	}

	#stuff_txt {
		width: 94%;

	}
	#teacher_paging .paging{
		width:95%;
	}

	/*  Albom home --------*/

	#albom_home{
		left: 0;
		width: 100%;
	}
	#albom_home .ctegory{
		width: 28%;
		margin-right: 4%;

	}
	/* Contact -------------*/
	#map{
		width: 35%;
	}
	#form{
		width: 59%;
		margin-right: 2%;
	}
	#more_txt{
		display: none;
	}

	#middle{
		padding-bottom: 86px;
	}
	footer .copy{
		width: 100%;
		clear: both;

	}
	footer .copy_r{
		clear:both;
		display: none;
	}
	footer{
		height:64px;
		padding-top: 10px;
		margin-top: -74px;
	}
}

/* big portrait (768x1024) */
@media screen and (max-width: 788px){


#home_txt  h1{
	margin:0;
	padding: 0;
	font-size:3.7em;

}



#middle{
		padding-bottom: 106px;
	}
	footer .copy{
		display: none;

	}
	footer .copy_r{
		display: block;
	}
	footer{
		height:84px;
		padding-top: 10px;
		margin-top: -94px;
	}



}



/* Small Tablet portrait (600x800) */
@media screen and (max-width: 620px) {
	#home_txt{
		min-height: 150px;
	}
	#home_event{
		width: 92%;

	}
	#close_event{
		right: -7px;
		top: -7px;
	}

	#home_txt  h1{
		margin:0;
		padding: 0;
		font-size: 3em
	}

	 nav #nav li a:hover,
	 nav #nav li a,
	 nav #nav li .curr{
		line-height: 50px;
		font-size: 20px;

	 }




/*
 Pages
---------------------------*/
	#place_txt1,
	.right_col{
		display: none;
	}
	#about_txt, #way_txt, #place_txt2
	{
		float: none;
		width: 96%;
		margin-right: 2%;
		height: auto;

	}

	.right_col_copy, #about_song, #way_song, #way_stava2, #place_song, #place_txt1_2{
	   display: block;
	   float: right;
       margin: 6px 2% 0px 0px;
	   width: 47%;
	   line-height: 1.4em;
	   min-height: 5px;
	   height: auto;
	}

	#address{
		display: none;
	}
	#address_copy{
		display: block;
		float: right;
		width: 59%;
		margin-right: 2%;
	}
	.innerform{
		padding: 1em;
	}
	#form{
		min-height: 10px;
		height: auto;
	}

}

/* Mobile landscape (480x320) */
@media screen and (max-width: 500px) {

.whait{
	min-height: 36px;
}

#middle{
	margin-top: 0;
}

#home_txt{
	min-height: 100px;
}


header{
	display: none;
}
#mobile_logo,
#mobile_nav {
	display: block;

}

#home_start{
	position:relative;
	bottom: 60px;
	margin-top: 0;
}

#mobile_logo img{
	height: 80px;
	width: auto;
}


#stuff_txt .imagebig{
	float:none;
	margin-right: auto;
	margin-left: auto;
}
#stuff_txt .text_detail{
	margin-right:1em;
}
#stuff_txt .text_detail h2{
	text-align: center;
}
#stuff_txt section{
	width: 100%;
	float: none;
}

/* Albom -------------*/

	#albom_home{
		position: relative;
		left:0;
		top:0;
		margin:0 auto;
		width: 100%;
		padding-top: 0;
		padding-bottom: 106px;

	}
	#albom_home .ctegory{
		float:none;
		width: 60%;
		margin: 0px auto 12px;
		padding:0;
	}

	#gallery .item{
		width: 120px;
	}


	#gallery_buttons a{
		right:2px;
		top:32px;
		padding: 2px;
		width: 77px;
		text-align: center;
		line-height: 1em;

	}


	#address{
		display: block;
	}
	#address_copy{
		display: none;
	}
	#map, #form{
		float:none;
		width: 94%;
		margin: 0 auto;
		margin-bottom: 2%;

	}
	#map{
		max-width: 250px;
	}

}

/* Mobile portrait (320x480) */
@media screen and (max-width: 400px) {



/* Pages ---*/
.right_col_copy,
#place_txt1_2,
#way_stava2,
#place_song,
#place_txt2,
#way_txt,
#way_song,
#about_txt,
#about_song{
	float:none;
	margin-right: 3%;
	margin-bottom: 3%;
	width: 94%;
}






}

/* Mobile lower screen (portrait) (240x320) ----------- */
@media only screen and (max-width : 280px) {



#home_txt  h1{
	padding-top: 5px;
	font-size: 2.5em;
}


#home_txt_start{
	width: 220px;
	padding: 5px;
	margin: 0 auto;

}


#home_start{
	bottom: 80px;
}

.info .share .txt, .txt2{
	display: none;
}
}