@media (max-width: 900px) {
	
	#octopus_center {
		width: 90%;
		left: auto;
		margin-left: 5%;		
	}
	
	#octopus_center * {
		max-width: 100%;
		height: auto;
	}
		
}

@media (max-width: 992px) {
	
	.band-thumb,
	.col-md-4.album-thumb,
	.bandlinks .col-md-4 {
		width: 33%;
		float: left;
	}
	
	#lyric_list_wrapper .col-md-4 {
		width: 33%;
		float: left;
	}
	
	#lyric_list_wrapper .col-md-8 {
		width: 66%;
		float: left;
	}
	
	.octo {
		position:relative;
		padding-top:50px;
	}
		
}

@media (max-width: 768px) {
	
	#octonav {
		display: none;
	}
	
	#slideout {
		display: none !important;
	}
	
	#scrolled_nav {
		display: none !important;
	}
	
	.horzlogo {
		max-width: 200px;
		height: auto;
	}
	
	#band {
		height: auto;
	}
	
	#lyric_selectric {
		display: block;
	}
	
	#lyric_list {
		display: none;
	}
	
	#lyric_list_wrapper .col-md-8 {
		float: none;
		width: 100%;
		text-align: center;
	}
	
}

/* iPad landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
	.horzlogo {
		height: auto;
		max-width: 150px;
	}
	
}	


@media (max-width: 655px) {
	
	#octonav {
		display: none;
	}
	
	ul.sticknav li a {
		font-size: 12px;
	}
	
	.horzlogo {
		max-width: 150px;
		height: auto;
	}
		
}


@media (max-width:600px) {
	.horzlogo {
		display:block;
		width:100%;
		text-align:center;
		margin:5px auto;
	}
	
	.horzlogo img {
		max-width:70%;
		height:auto;
	}
	
	#links p a {
		font-size:10px;
		line-height:18px;
	}
	
	#links .col-md-4 {
		width:100%;
	}
	
	#cloudsx {
		display:none;
	}
	
	#octopus_center_wrap {
		height:600px;
		padding-top:80px;
	}
	
	.band-thumb,
	.col-md-4.album-thumb,
	.bandlinks .col-md-4 {
		width: 50%;
		float: left;
	}
	
	.gallery h1 {
		font-size:40px;
	}
	.gallery {
		margin:0;
	}
}

@media (max-width:480px) {
	.col-md-2.band-thumb {
		min-height: 240px;
	}
	
	
}