@charset "UTF-8";
/* CSS Document */

html,
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}


header {
	padding: 20px;
}

footer {
	text-decoration: none;
	padding: 10px 20px;
	background-color: #ACC0C9;
	color: white;
	text-align: left;
}

body {
	margin-left: auto;
	margin-right: auto;
}

img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}


.style-logo {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 300px;
}

.style-apple-store {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 135px;
	padding: 10px 0px 20px 0px;
}

.style-nav ul {
	list-style-type: none;
}

.style-nav ul li a {
	font-size: 24px;
	font-weight: 600;
	text-decoration: none;
	color: #081A58;
	text-align: center;
	display: block;
	text-transform: uppercase;
	padding: 10px 30px;
}

.style-nav-footer ul {
	list-style-type: none;
}

.style-nav-footer ul li a {
	font-size: 14px;
	text-decoration: none;
	color: white;
	text-align: left;
	display: block;
	text-transform: uppercase;
	padding: 5px;
}


.player {
	background-image: url("images/Guitar_player.jpg");
	background-size: cover;
	height: 350px;
}

.hometext {
	color: #000000;
	padding: 10px 30px;
	text-align: center;
}


/*Index Page Images*/
.speed {
	background-image: url("images/Speedscale_app.jpg");
	background-size: cover;
	height: 500px;
	padding: 80px 0px 0px 18px;
	color: #FFFFFF;
	text-align: left;	
}

.capo {
	background-image: url("images/Capo_acoustic_app.jpg");
	background-size: cover;
	height: 500px;
	padding: 80px 0px 0px 20px;
	color: #FFFFFF;
	text-align: left;
}

.footer-text {
	font-size: 12px;
	padding-top: 10px;
	margin-bottom:10px;
	text-align: right;
}


/*Product Index Page Images*/
.product-index-one {
	background-image: url("images/Capo_acoustic_player.jpg");
	background-size: cover;
	height: 370px;
	padding: 270px 20px 100px 20px;
	color: #FFFFFF;
	text-align: right;
}

.product-index-two {
	background-image: url("images/Capo_acoustic_player_tablet.jpg");
	background-size: cover;
	height: 370px;
}

.product-index-three {
	background-image: url("images/Speedscale_product_scale.jpg");
	background-size: cover;
	height: 370px;
	padding: 250px 20px 100px 20px;
	color: #FFFFFF;
	text-align: right;
}

.product-index-four {
	background-image: url("images/Speedscale_product_guitar.jpg");
	background-size: cover;
	height: 370px;
}

.product-index-five {
	background-image: url("images/Studio_app.jpg");
	background-size: cover;
	height: 370px;
	padding: 250px 20px 100px 20px;
	color: #FFFFFF;
	text-align: right;
}

.product-index-six {
	background-image: url("images/Spring_2021.jpg");
	background-size: cover;
	height: 370px;
}

.capo-text {
	background-image: url("images/Capo_acoustic.jpg");
	background-size: cover;
	height: 720px;
}

.capo-image {
	background-image: url("images/Capo_acoustic_chord.jpg");
	background-size: cover;
	height: 720px;
}

.capo-tablet-text {
	background-image: url("images/New_Pad_Version_2022.jpg");
	background-size: cover;
	height: 350px;
}

.capo-tablet-image {
	background-image: url("images/Capo_acoustic_tablet.jpg");
	background-size: cover;
	height: 350px;
}

.speed-text {
	background-image: url("images/Speedscale_GT.jpg");
	background-size: cover;
	height: 590px;
}

.speed-image {
	background-image: url("images/Speedscale_phone.jpg");
	background-size: cover;
	height: 590px;
}

.speed-touch-text {
	background-image: url("images/Speedscale_IPhone_5S_text.jpg");
	background-size: cover;
	height: 350px;
}

.speed-touch-image {
	background-image: url("images/Speedscale_IPhone_5S.jpg");
	background-size: cover;
	height: 350px;
}


/*Support Page Images - Index*/
.support {
	background-image: url("images/Support_teacher_student.jpg");
	background-size: cover;
	height: 290px;
	padding: 120px 0px;
	color: white;
	text-align: center;
}

.support-poster {
	background-image: url("images/Poster_know_how.jpg");
	background-size: cover;
	height: 370px;
	padding: 30px 0px;
	color: #FFFFFF;
	text-align: center;
}

.support-score {
	background-image: url("images/Poster_notation.jpg");
	background-size: cover;
	height: 370px;
	padding: 30px 0px;
	color: #FFFFFF;
	text-align: center;
}

/*Support Page Images - Poster Selection*/
.support-poster-left {
	background-image: url("images/Poster_Major_Scales.jpg");
	background-size: cover;
	height: 490px;
	padding: 280px 0px 0px;
	color: #FFFFFF;
	text-align: center;
}

.support-poster-centre {
	background-image: url("images/Poster_Major_Pattern.jpg");
	background-size: cover;
	height: 490px;
	padding: 280px 0px 0px;
	color: #FFFFFF;
	text-align: center;
}

.support-poster-right {
	background-image: url("images/Poster_Pentatonic_Pattern.jpg");
	background-size: cover;
	height: 490px;
	padding: 280px 0px 0px;
	color: #FFFFFF;
	text-align: center;
}

.support-poster-lower-left {
	background-image: url("images/Poster_Musical_Pitch.jpg");
	background-size: cover;
	height: 490px;
	padding: 210px 0px 0px;
	color: #FFFFFF;
	text-align: center;
}

.support-poster-lower-centre {
	background-image: url("images/Poster_Pitch_Notation.jpg");
	background-size: cover;
	height: 490px;
	padding: 210px 0px 0px;
	color: #FFFFFF;
	text-align: center;
}

.support-poster-lower-right {
	background-image: url("images/Poster_Note_Frequencies.jpg");
	background-size: cover;
	height: 490px;
	padding: 210px 0px 0px;
	color: #FFFFFF;
	text-align: center;
}

/*Support Page Images - Poster Selection Left Handed Player*/
.support-poster-left-handed {
	background-image: url("images/Poster_major_left_hand.jpg");
	background-size: cover;
	height: 490px;
	padding: 280px 0px 0px;
	color: #FFFFFF;
	text-align: center;
}

.support-poster-centre-handed {
	background-image: url("images/Poster_major_scale_left_hand.jpg");
	background-size: cover;
	height: 490px;
	padding: 280px 0px 0px;
	color: #FFFFFF;
	text-align: center;
}

.support-poster-right-handed {
	background-image: url("images/Poster_pentatonic_left_hand.jpg");
	background-size: cover;
	height: 490px;
	padding: 280px 0px 0px;
	color: #FFFFFF;
	text-align: center;
}

.support-poster-lower-left-handed {
	background-image: url("images/Poster_left_hand_left.jpg");
	background-size: cover;
	height: 490px;
	padding: 210px 0px 0px;
	color: #FFFFFF;
	text-align: center;
}

.support-poster-lower-centre-handed {
	background-image: url("images/Poster_left_hand_centre.jpg");
	background-size: cover;
	height: 490px;
	padding: 210px 0px 0px;
	color: #FFFFFF;
	text-align: center;
}

.support-poster-lower-right-handed {
	background-image: url("images/Poster_left_hand_right.jpg");
	background-size: cover;
	height: 490px;
	padding: 210px 0px 0px;
	color: #FFFFFF;
	text-align: center;
}


/*Support Page Images - Score A4 Selection*/
.score-top-left {
	background-image: url("images/Score_sheet.jpg");
	background-size: cover;
	height: 400px;
	padding: 370px 0px 280px 15px;
	text-align: center;
}

.score-top-middle-left {
	background-image: url("images/Score_bass.jpg");
	background-size: cover;
	height: 400px;
	padding: 370px 0px 280px 15px;
	text-align: center;
}

.score-top-right {
	background-image: url("images/Chord_lyric.jpg");
	background-size: cover;
	height: 400px;
	padding: 370px 0px 280px 15px;
	text-align: center;
}

.score-top-middle-right {
	background-image: url("images/Score_tab.jpg");
	background-size: cover;
	height: 400px;
	padding: 370px 0px 280px 15px;
	text-align: center;
}

.score-bottom-left {
	background-image: url("images/Tab_sheet.jpg");
	background-size: cover;
	height: 400px;
	padding: 320px 0px 320px 15px;
	text-align: center;
}

.score-bottom-middle-left {
	background-image: url("images/Chord_sheet.jpg");
	background-size: cover;
	height: 400px;
	padding: 320px 0px 320px 15px;
	text-align: center;
}

.score-bottom-middle-right {
	background-image: url("images/Score_chords.jpg");
	background-size: cover;
	height: 400px;
	padding: 320px 0px 320px 15px;
	text-align: center;
}

.score-bottom-right {
	background-image: url("images/Score_letter_grill.jpg");
	background-size: cover;
	height: 400px;
	padding: 320px 0px 320px 15px;
	text-align: center;
}




/*Support Page Images - Score USA Letter Selection*/
.score-top-left-USA {
	background-image: url("images/Score_sheet_letter.jpg");
	background-size: cover;
	height: 400px;
	padding: 370px 0px 280px 15px;
	text-align: center;
}

.score-top-middle-left-USA {
	background-image: url("images/Score_bass_letter.jpg");
	background-size: cover;
	height: 400px;
	padding: 370px 0px 280px 15px;
	text-align: center;
}

.score-top-middle-right-USA {
	background-image: url("images/Score_tab_letter.jpg");
	background-size: cover;
	height: 400px;
	padding: 370px 0px 280px 15px;
	text-align: center;
}

.score-top-right-USA {
	background-image: url("images/Chord_lyric_letter.jpg");
	background-size: cover;
	height: 400px;
	padding: 370px 0px 280px 15px;
	text-align: center;
}

.score-bottom-left-USA {
	background-image: url("images/Tab_sheet_letter.jpg");
	background-size: cover;
	height: 400px;
	padding: 320px 0px 320px 15px;
	text-align: center;
}

.score-bottom-middle-left-USA {
	background-image: url("images/Chord_sheet_letter.jpg");
	background-size: cover;
	height: 400px;
	padding: 320px 0px 320px 15px;
	text-align: center;
}

.score-bottom-middle-right-USA {
	background-image: url("images/Score_chords_letter.jpg");
	background-size: cover;
	height: 400px;
	padding: 320px 0px 320px 15px;
	text-align: center;
}

.score-bottom-right-USA {
	background-image: url("images/Score_letter_grill.jpg");
	background-size: cover;
	height: 400px;
	padding: 320px 0px 320px 15px;
	text-align: center;
}




/*Font Set Up*/
h1 {
	font-size: 45px;
	text-transform: uppercase;
	font-weight: 200;
	margin-bottom: 168px;
}

h2 {
	font-size: 44px;
	font-weight: 200;
	margin-bottom: 10px;
	text-align: center;
}

h3 {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 0px;
}

h4 {
	font-size: 40px;
	font-weight: 200;
	margin-bottom: 10px;
}

p {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 15px;
}

/*Button Set Up*/

.button {
	border: 2px #FFFFFF solid;
	padding: 10px 15px;
	border-radius: 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.button-black {
	border: 2px #999999 solid;
	padding: 10px 15px;
	border-radius: 30px;
	color: #000000;
	text-decoration: none;
}

.button-large {
	border: 4px #FFFFFF solid;
	padding: 10px 25px;
	border-radius: 60px;
	font-size: 30px;
	color: #FFFFFF;
	text-decoration: none;
}


.button-black-large {
	border: 4px #909090 solid;
	padding: 10px 25px;
	border-radius: 60px;
	font-size: 30px;
	color: #909090;
	text-decoration: none;
}


.centre-block {
	height: 400px;
}


.row:before, .row:after {
	content: "";
	display: table;
}


.row:after {
	clear: both;
}


.col {
	width: 100%;
	align-content: center;
}

.col-home-text {
	width: 100%;
	padding: 1px 20px;
	align-content: center;
}

.col-text {
	width: 100%;
	padding: 1px 20px;
	color: #FFFFFF;
	background-color: #6C75A5;
	align-content: center;
}

.col-text h3 {
	font-weight: 600;
}

.col-text-product {
	width: 100%;
	padding: 0px 20px;
	color: #000000;
	align-content: center;
}

.col-text-product-background {
	width: 100%;
	padding: 10px 20px;
	color: #FFFFFF;
	background-color: #6C75A5;
	align-content: center;
}

.col-text-contact {
	height: 600px;
	width: 100%;
	padding: 0px 20px;
	color: #FFFFFF;
	background-color: #6C75A5;
	align-content: center;
}

.col-apple-text {
	font-size: 10px;
	height: 30px;
	width: 100%;
	padding: 0px 20px;
	color: #FFFFFF;
	background-color: #6C75A5;
	align-content: center;
}



/*Tablet View*/

@media (min-width: 768px){
	
body {
	max-width: 788px;
}
	
.style-nav ul li {
	display: inline-block;
}
	
.style-nav ul {
	text-align: center;
}
	
h1 {
	font-size: 40px;
	margin-bottom: 98px;
}
	
h2 {
	font-size: 38px;	
	}
	
.col-md-one-half {
	width: 50%;
}
	
.col-md-one-third {
	width: 33.3%;
}
	
.col-md-one-quarter {
	width: 25%;
	text-align: left;
}
	
.col {
	float: left;
	padding: 0px;
}
	
.button-large {
	padding: 6px 20px;
	font-size: 20px;
}
	
.button-black-large {
	padding: 6px 20px;
	font-size: 20px;
}


/*Home Page Images - Tablet*/
.player {
	height: 550px;
}
	
.speed {
	height: 390px;
	padding: 80px 0px 0px 187px;	
}

.capo {
	height: 390px;
	padding: 80px 0px 0px 189px;
}
	
/*Product Page Images - Tablet*/
.product-index-one {
	height: 300px;
	padding: 180px 5px 0px 0px;
}
	
.product-index-two {
	height: 300px;
}

.product-index-three {
	height: 300px;
	padding: 180px 5px 0px 0px;
}

.product-index-four {
	height: 300px;
}

.product-index-five {
	height: 300px;
	padding: 180px 5px 0px 0px;
}

.product-index-six {
	height: 300px;
}
	
.capo-text {
	height: 570px;
}

.capo-image {
	height: 570px;
}
	
.capo-tablet-text {
	height: 290px;
}

.capo-tablet-image {
	height: 290px;
}
	
.speed-text {
	height: 475px;
}

.speed-image {
	height: 475px;
}
	
.speed-touch-text {
	height: 270px;
}

.speed-touch-image {
	height: 270px;
}
	
/*Support Page Images - Tablet*/
.support {
	height: 387px;
}
	
.support-poster {
	height: 300px;
	padding: 20px 0px;
}

.support-score {
	height: 300px;
	padding: 20px 0px;
}
	
.score-text {
	height: 522px;
}

.score-image {
	height: 522px;
}
	
.score-text-USA {
	height: 522px;
}

.score-image-USA {
	height: 522px;
}

	
/*Posters Images Standard - Tablet*/
.support-poster-left {
	height: 255px;
	padding: 150px 0px 0px;
}

.support-poster-centre {
	height: 255px;
	padding: 150px 0px 0px;
}

.support-poster-right {
	height: 255px;
	padding: 150px 0px 0px;
}
	
.support-poster-lower-left {
	height: 255px;
	padding: 110px 0px 0px;
}

.support-poster-lower-centre {
	height: 255px;
	padding: 110px 0px 0px;
}

.support-poster-lower-right {
	height: 255px;
	padding: 110px 0px 0px;
}
	

/*Posters Images Left Handed - Tablet*/
.support-poster-left-handed {
	height: 255px;
	padding: 150px 0px 0px;
}

.support-poster-centre-handed {
	height: 255px;
	padding: 150px 0px 0px;
}

.support-poster-right-handed {
	height: 255px;
	padding: 150px 0px 0px;
}
	
.support-poster-lower-left-handed {
	height: 255px;
	padding: 100px 0px 0px;
}

.support-poster-lower-centre-handed {
	height: 255px;
	padding: 100px 0px 0px;
}

.support-poster-lower-right-handed {
	height: 255px;
	padding: 100px 0px 0px;
}

/*Score Page Images A4 - Tablet*/
.score-top-left {
	height: 265px;
	padding: 150px 0px 0px 0px;
}

.score-top-middle-left {
	height: 265px;
	padding: 150px 0px 0px 0px;
}

.score-top-right {
	height: 265px;
	padding: 150px 0px 0px 0px;
}

.score-top-middle-right {
	height: 265px;
	padding: 150px 0px 0px 0px;
}

.score-bottom-left {
	height: 265px;
	padding: 140px 0px 0px 0px;
}

.score-bottom-middle-left {
	height: 265px;
	padding: 140px 0px 0px 0px;
}

.score-bottom-right {
	height: 265px;
	padding: 140px 0px 0px 0px;
}

.score-bottom-middle-right {
	height: 265px;
	padding: 140px 0px 0px 0px;
}
	
/*Score Page Images USA Letter - Tablet*/
.score-top-left-USA {
	height: 265px;
	padding: 150px 0px 0px 0px;
}

.score-top-middle-left-USA {
	height: 265px;
	padding: 150px 0px 0px 0px;
}

.score-top-middle-right-USA {
	height: 265px;
	padding: 150px 0px 0px 0px;
}
	
.score-top-right-USA {
	height: 265px;
	padding: 150px 0px 0px 0px;
}

.score-bottom-left-USA {
	height: 265px;
	padding: 130px 0px 0px 0px;
}

.score-bottom-middle-left-USA {
	height: 265px;
	padding: 130px 0px 0px 0px;
}

.score-bottom-middle-right-USA {
	height: 265px;
	padding: 130px 0px 0px 0px;
}
	
.score-bottom-right-USA {
	height: 265px;
	padding: 130px 0px 0px 0px;
}

	
}




/*Desktop View*/

@media (min-width: 1024px){
	
body {
	max-width: 1200px;
}

h2 {
	font-size: 55px;
}
	
p {
	font-size: 18px;
	font-weight: 300;
}
	
.style-logo {
	float: left;
}
	
.style-nav {
	float: right;
}
	
.style-nav ul li a {
	font-size: 18px;
	font-weight: 400;
	padding: 10px 20px;
}
	
	
/*Home Page Images - Desktop*/
.player {
	height: 800px;
}
	
.speed {
	height: 600px;
	padding: 80px 0px 0px 26px;	
}

.capo {
	height: 600px;
	padding: 80px 0px 0px 27px;
}
	
	
/*Product Page Images - Desktop*/
.product-index-one {
	height: 460px;
	padding: 300px 30px 0px 0px;
}
	
.product-index-two {
	height: 460px;
}

.product-index-three {
	height: 460px;
	padding: 300px 30px 0px 0px;
}

.product-index-four {
	height: 460px;
}

.product-index-five {
	height: 460px;
	padding: 300px 30px 0px 0px;
}

.product-index-six {
	height: 460px;
}
	
.capo-text {
	height: 890px;
}

.capo-image {
	height: 890px;
}
	
.capo-tablet-text {
	height: 450px;	
	}

.capo-tablet-image {
	height: 450px;
}
	
.speed-text {
	height: 740px;
}

.speed-image {
	height: 740px;
}
	
.speed-touch-text {
	height: 420px;
}

.speed-touch-image {
	height: 420px;
}
	
/*Support Page Images - Desktop*/
.support {
	height: 600px;
}
	
.support-poster {
	height: 460px;
	padding: 40px 0px;
}

.support-score {
	height: 460px;
	padding: 40px 0px;
}
	
.score-text {
	height: 800px;
}

.score-image {
	height: 800px;
}
	
.score-text-USA {
	height: 800px;
}

.score-image-USA {
	height: 800px;
}

	
/*Poster Images Standard - Desktop*/
.support-poster-left {
	height: 390px;
	padding: 225px 0px 0px;
}

.support-poster-centre {
	height: 390px;
	padding: 225px 0px 0px;
}

.support-poster-right {
	height: 390px;
	padding: 225px 0px 0px;
}
	
.support-poster-lower-left {
	height: 390px;
	padding: 160px 0px 0px;
}

.support-poster-lower-centre {
	height: 390px;
	padding: 160px 0px 0px;
}

.support-poster-lower-right {
	height: 390px;
	padding: 160px 0px 0px;
}
	
	
/*Poster Images Left Handed - Desktop*/
.support-poster-left-handed {
	height: 390px;
	padding: 225px 0px 0px;
}

.support-poster-centre-handed {
	height: 390px;
	padding: 225px 0px 0px;
}

.support-poster-right-handed {
	height: 390px;
	padding: 225px 0px 0px;
}
	
.support-poster-lower-left-handed {
	height: 390px;
	padding: 160px 0px 0px;
}

.support-poster-lower-centre-handed {
	height: 390px;
	padding: 160px 0px 0px;
}

.support-poster-lower-right-handed {
	height: 390px;
	padding: 160px 0px 0px;
}
	
/*Score Page Images A4 - Desktop*/
.score-top-left {
	height: 400px;
	padding: 225px 0px 0px 7px;
}

.score-top-middle-left {
	height: 400px;
	padding: 225px 0px 0px 7px;
}

.score-top-right {
	height: 400px;
	padding: 225px 0px 0px 7px;
}

.score-top-middle-right {
	height: 400px;
	padding: 225px 0px 0px 7px;
}

.score-bottom-left {
	height: 400px;
	padding: 200px 0px 0px 7px;
}

.score-bottom-middle-left {
	height: 400px;
	padding: 200px 0px 0px 7px;
}

.score-bottom-right {
	height: 400px;
	padding: 200px 0px 0px 7px;
}

.score-bottom-middle-right {
	height: 400px;
	padding: 200px 0px 0px 7px;
}
	

/*Score Page Images USA Letter - Desktop*/
.score-top-left-USA {
	height: 400px;
	padding: 225px 0px 0px 7px;
}

.score-top-middle-left-USA {
	height: 400px;
	padding: 225px 0px 0px 7px;
}

.score-top-right-USA {
	height: 400px;
	padding: 225px 0px 0px 7px;
}

.score-top-middle-right-USA {
	height: 400px;
	padding: 225px 0px 0px 7px;
}

.score-bottom-left-USA {
	height: 400px;
	padding: 200px 0px 0px 7px;
}

.score-bottom-middle-left-USA {
	height: 400px;
	padding: 200px 0px 0px 7px;
}

.score-bottom-right-USA {
	height: 400px;
	padding: 200px 0px 0px 7px;
}

.score-bottom-middle-right-USA {
	height: 400px;
	padding: 200px 0px 0px 7px;
}
	
}