.heroimage {
	max-width: 1900px;
	width:100%;
	overflow: hidden;
	margin: 0 auto;
    height: 446px;
    background-image: url(http://school.tutmusic.com.hk/images/school_hero.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.heroimage img {
	width: 100%;
}

.heroscale {
	position: relative;
	margin-top: 120px;
	margin-left: 10%;
	width: 50%;
	font-size: 36px;
    text-align: center;
}

.tagline {
	letter-spacing: 4px;
	font-weight: 300;
}

.tagline span {
	color: #2974CE;
}

.heroimage h1 {
	margin: 0 0;
	font-size: 82px;
	letter-spacing: 2px;
	line-height: 120%;
	color: #303030;
}

.instrumentlist h2 {
	font-size: 24px;
}

.claim button {
	 background-color: #24bc69 !important;
}

@media screen and (min-width: 1600px) {
	.heroimage {
		height: 575px;
	}
	.heroscale {
		margin-top: 180px;
	}
}

@media screen and (max-width: 999px) {
	.heroimage {
		height: 320px;
	}

	.heroscale {
	    margin-top: 90px;
	    font-size: 18px;
	    width: 60%;
	}

	.heroimage h1 {
		font-size: 46px;
	}
}

@media screen and (max-width: 679px) {
	.heroimage {
		height: 220px;
	}

	.heroscale {
	    margin-top: 50px;
    	margin-left: 6%;
	    font-size: 16px;
	}

	.heroimage h1 {
		font-size: 40px;
		font-weight: 500;
	}

	.heroimage img {
		width: 175%;
		margin-left: -35%;
	}

	.tagline {
		margin-bottom: 1%;
	}

	.instrumentlist h2 {
	font-size: 22px;
	}
}

.instrumentlist {
	width: 94%;
	margin: 0 auto;
	padding: 2% 0;
	background-color: white;
}

.book {
	/* padding-top: 2em;
	padding-bottom: 5em;
	text-align: center; */
}

.book button {
	color: white;
    font-weight: bold;
    border-width: 0;
    background-color: #24bc69;
    cursor: pointer;
    font-size: 22px;
    padding: 4px 22px;
    box-shadow: 0 1px 1px #B1B1B1;
}

.book button:hover {
    box-shadow: 0 3px 6px #696969;
}

@media screen and (max-width: 679px) {
	.book button {
		margin-top: 3%;
	    padding: 4px 20px;
		font-size: 20px;
	}
}