@media screen and (max-width: 600px) {

body { background-color:;
	   background-size:100%;
	  
}

@font-face{ font-family:Steelfish;
	        src: url(fonts/steelfis.ttf);
}

@font-face{ font-family:BebasNeuebold;
			src: url(fonts/BebasNeueBold.ttf)
}

@font-face{ font-family:BebasNeueRegular;
			src: url(fonts/BebasNeueRegular.ttf)
}


#container{
	
	width: 537px;
	height: 100%;
	position: absolute;
	top: 0;
	bottom:0;
	left: 0;
	right: 0;
	margin: auto;	
	background-color:#FFFFFF;padding:8px;
	
}

#header{
	
	width: 537px;
	height: 61px;
	background-image: url(source_images/Hakae_-01.png);
			margin-top: 20px;

	
	
}


#nav_bar{ 		width: 120px;
     			height: 61px;
				font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
				font-size: 8pt;
				color: #FFFFFF;
				letter-spacing: 0.8px;
				float: left;
				margin-left: 180px;
				margin-top: 35px;
				
		
}

#travel > a { 		width: 60px;
					float: left;
					text-decoration:none;
					color: #ed4224;
	transition: background 0.4s linear;
					transition: 0.4s linear;

	
	
}

#travel > a:hover{ color: #98b5c3;
				transition: background 0.4s linear;
					transition: 0.4s linear;
	
}

#info > a { 		width: 60px;
					float: left;
					text-decoration:none;
					color: #98b5c3;
	transition: background 0.4s linear;
					transition: 0.4s linear;

	
	
}

#info > a:hover{ color: #ed4224;
				transition: background 0.4s linear;
					transition: 0.4s linear;
	
	
}

#travel_2 > a { 		width: 60px;
					float: left;
					text-decoration:none;
					color: #98b5c3;
	transition: background 0.4s linear;
					transition: 0.4s linear;

	
	
}

#travel_2 > a:hover{ color: #ed4224;
				transition: background 0.4s linear;
					transition: 0.4s linear;
	
}

#info_2 > a { 		width: 60px;
					float: left;
					text-decoration:none;
					color: #ed4224;
	transition: background 0.4s linear;
					transition: 0.4s linear;

	
	
}

#info_2 > a:hover{ color:#98b5c3 ;
				transition: background 0.4s linear;
					transition: 0.4s linear;
	
	
}

#slider{ width: 537px;
		height: 358px;	
	margin-top: 5px;
	
	
}

#slider_2{ width: 537px;
		height: 358px;	
	margin-top: 5px;
	
	
}

#body_text{ width: 537px;
		height:85px;
		margin-top: 45px;
	
	
}
.heading{ text-align: center;
		  font-size: 14pt;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		color: #ed4224;

	
	
}

.line{ text-align: center;
		  font-size: 9pt;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		color: #4f84ab;
	margin-top: -10px;
	
	
}

.line_2{ text-align: center;
		  font-size: 9pt;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
color: #4f84ab;
	margin-top: -10px;
	
	
}

.heading_2{ text-align: center;
		  font-size: 14pt;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		color: #ed4224;

	
	
}

.line_02{ text-align: center;
		  font-size: 9pt;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		color: #4f84ab;
	margin-top: -10px;
	
	
}

.line_2_02{ text-align: center;
		  font-size: 9pt;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
color: #4f84ab;
	margin-top: -10px;
	
	
}

#paragraph{ width:527px;
position:absolute;
margin-left:20px;}

.Para_line_1{
		  font-size: 10pt;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		color: #87A2A9;	
	
}

#travel_button_space{ width: 537px;
		height:78px;
}

#travel_button{ width: 55px;
		height:66px;
	margin-left: 246px;
background-image: url(source_images/Hakae_-05.png);
transition: background 0.4s linear;
					transition: 0.4s linear;
}

#travel_button_space_2{ width: 537px;
		height:78px;
}

#travel_button_2{ width: 69px;
		height:65px;
	margin-left: 236px;
background-image:url(source_images/Hakae_-08.png);
transition: background 0.4s linear;
					transition: 0.4s linear;
}


#footer{ width: 537px;
		height: 252px;
		background-image:url(source_images/Hakae_-07.png);	
	margin-bottom: 20px;
	
}

#footer_2{ width: 537px;
		height: 252px;
	margin-bottom: 20px;
	
}

}