h2 {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-weight: normal;
	font-size: 17px;
}
h2 a {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-weight: normal;
	font-size: 17px;
}
h4 {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
}
.text {
	padding-bottom: 60px;
}
.tutorial {
	width: 100%;
	height: auto;
	text-align: center;
	padding-bottom: 40px;
	order: 5;
}
.bluesC {
	width: 33.3%;
	line-height: .2;
	order: 6;
}
.soundC {
	width: 33.3%;
	height: auto;
	line-height: .05;
	order: 9;
}
.soundTextC {
	width: 33.3%;
	line-height: .05;
	order: 12;
}
.scaleC {
	width: 33.3%;
	padding-bottom: 30px;
	order: 15;
}
.bluesF {
	width: 33.3%;
	line-height: .2;
	order: 7;
}
.soundF {
	width: 33.3%;
	height: auto;
	line-height: .05;
	order: 10;
}
.soundTextF {
	width: 33.3%;
	line-height: .05;
	order: 13;
}
.scaleF {
	width: 33.3%;
	padding-bottom: 30px;
	order: 16;
}
.bluesG {
	width: 33.3%;
	line-height: .2;
	order: 8;
}
.soundG {
	width: 33.3%;
	height: auto;
	line-height: .05;
	order: 11;
}
.soundTextG {
	width: 33.3%;
	line-height: .05;
	order: 14;
}
.scaleG {
	width: 33.3%;
	padding-bottom: 60px;
	order: 17;
}
.bluesC, .soundC, .scaleC, .bluesF, .soundF, .scaleF, .bluesG, .soundG, .scaleG, .soundTextC, .soundTextF, .soundTextG {
	text-align: center;	
}
#footer {
	order: 18;
}

@media screen and (max-width: 1119px) and (min-width: 768px) {
h2 {
	font-size: 15px;
}
h2 a {
	font-size: 15px;
}
h4 {
	font-size: 12px;
}
.tutorial {
	order: 5;
}	
.bluesC {
	width: 100%;
	order: 6;
}
.soundC {
	width: 100%;
	order: 7;
}
.soundTextC {
	width: 100%;
	order: 8;
}
.scaleC {
	width: 100%;
	padding-bottom: 40px;
	order: 9;
}
.bluesF {
	width: 100%;
	order: 10;
}
.soundF {
	width: 100%;
	order: 11;
}
.soundTextF {
	width: 100%;
	order: 12;
}
.scaleF {
	width: 100%;
	padding-bottom: 40px;
	order: 13;
}
.bluesG {
	width: 100%;
	order: 14;
}
.soundG {
	width: 100%;
	order: 15;
}
.soundTextG {
	width: 100%;
	order: 16;
}
.scaleG {
	width: 100%;
	padding-bottom: 40px;
	order: 17;	
}
}

@media screen and (max-width: 767px) and (min-width: 667px) {
h2 a {
	font-size: 14px;
}
h2 {
	font-size: 13px;
}
h4 {
	font-size: 11px;
}
.tutorial {
	padding-bottom: 30px;
}
.bluesC {
	width: 100%;
	order: 6;
}
.soundC {
	width: 100%;
	order: 7;
}
.soundTextC {
	width: 100%;
	order: 8;
}
.scaleC {
	width: 100%;
	order: 9;
}
.bluesF {
	width: 100%;
	order: 10;
}
.soundF {
	width: 100%;
	order: 11;
}
.soundTextF {
	width: 100%;
	order: 12;
}
.scaleF {
	width: 100%;
	order: 13;
}
.bluesG {
	width: 100%;
	order: 14;
}
.soundG {
	width: 100%;
	order: 15;
}
.soundTextG {
	width: 100%;
	order: 16;
}
.scaleG {
	width: 100%;
	order: 17;
}
}

@media screen and (max-width: 666px) {
h2 a {
	font-size: 13px;
}
h2 {
	font-size: 14px;
}
.tutorial {
	padding-bottom: 20px;
}
.bluesC {
	width: 100%;
	order: 6;
}
.soundC {
	width: 100%;
	order: 7;
}
.soundTextC {
	width: 100%;
	order: 8;
}
.scaleC {
	width: 100%;
	padding-bottom: 20px;
	order: 9;
}
.bluesF {
	width: 100%;
	order: 10;
}
.soundF {
	width: 100%;
	order: 11;
}
.soundTextF {
	width: 100%;
	order: 12;
}
.scaleF {
	width: 100%;
	padding-bottom: 20px;
	order: 13;
}
.bluesG {
	width: 100%;
	order: 14;
}
.soundG {
	width: 100%;
	order: 15;
}
.soundTextG {
	width: 100%;
	order: 16;
}
.scaleG {
	width: 100%;
	padding-bottom: 80px;
	order: 17;
}
}