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

	/* Home */
	#home .container > .row:last-child .six.columns {height: auto;}
	#home .container > .row:last-child .six.columns p {margin-bottom: 2rem;}
	#home .container > .row:last-child .six.columns span {position: relative; bottom: auto; right: auto; float: right;}
}
@media screen and (max-width: 1215px) {

	/* Header */
	nav ul li a {padding: 20px 20px;}
}
@media screen and (max-width: 1155px) {

	/* Header */
	nav ul li a {padding: 20px 15px;}
}
@media screen and (max-width: 1080px) {

	/* Header */
	nav ul li a {padding: 20px 10px;}
}
@media screen and (max-width: 1050px) {

	/* Music */
	#music .music > .row > .four.columns p {font-size: 14px;}
}
@media screen and (max-width: 1010px) {

	/* Header */
	nav ul li a {font-size: 13px; line-height: 58px;}
}
@media screen and (max-width: 980px) and (min-width: 805px) {

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

	/* Home */
	#title section.logo .row:first-child > span {font-size: 21.4px;}
}
@media screen and (max-width: 970px) {

	/* Music */
	#music .music > .row > .four.columns p {font-size: 13px;}
}
@media screen and (max-width: 945px) {

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

	/* Header */
	.headerSocial i {font-size: 1em; width: 30px; height: 30px; line-height: 30px; margin-top: 13px;}
}
@media screen and (max-width: 920px) {
	#title section.logo {width: 37%;}
}
@media screen and (max-width: 910px) {


	/* Home */
	#title section.logo .row:first-child > span {font-size: 18.8px;}
	
	
}
@media screen and (max-width: 885px) {
	
	#title section.logo {width: 40%; margin-right: 3%;}

	/* Header */
	nav ul li a {font-size: 11px; line-height: 55px;}

	/* Music */
	#music .music > .row > .four.columns, #music .music > .row > .eight.columns {width: 100%; margin-left: 0;}
	#music .music > .row > .four.columns {margin-top: 5%;}
	#music .music > .row > .four.columns .row:first-child {margin-bottom: 2%;}
	#music .music > .row > .four.columns .row:first-child .four.columns {text-align: center; width: 100%;}
	#music .music > .row > .four.columns .row:first-child .eight.columns {width: 100%; margin-left: 0; margin-top: 2%;}
	#music .music > .row > .four.columns .row:last-child {text-align: center;}

	/* Tutoring */
	#tutoring .tutoring > .row > .four.columns, #tutoring .tutoring > .row > .eight.columns {width: 100%; margin-left: 0; text-align: center;}
	#tutoring .tutoring > .row > .four.columns {margin-top: 5%;}
	#tutoring .tutoring > .row > .four.columns .row:first-child {margin-bottom: 2%; text-align: center;}
	#tutoring .tutoring > .row > .four.columns .row:first-child .four.columns {text-align: center; width: 100%;}
	#tutoring .tutoring > .row > .four.columns .row:first-child .eight.columns {width: 100%; margin-left: 0; margin-top: 2%;}
	#tutoring .tutoring > .row > .four.columns .row:last-child {text-align: center;}

	/* About */
	#about .about > .row > .four.columns, #about .about > .row > .eight.columns {width: 100%; margin-left: 0; text-align: center;}
	#about .about > .row > .four.columns {margin-top: 5%;}
	#about .about > .row > .four.columns .row:first-child {margin-bottom: 2%;}
	#about .about > .row > .four.columns .row:first-child .four.columns {text-align: center; width: 100%;}
	#about .about > .row > .four.columns .row:first-child .eight.columns {width: 100%; margin-left: 0; margin-top: 2%;}
	#about .about > .row > .four.columns .row:last-child {text-align: center;}

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

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

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

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

}
@media screen and (max-width: 835px) {
	#title section.logo {width: 50%; margin-right: 23%;}
	/* Header */
	nav ul li a {padding: 21px 9px;}
}
@media screen and (max-width: 820px) and (min-width: 805px) {

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

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

}
@media screen and (min-width: 805px) {

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

	/* Header */
	#navigation ul { display:none; visibility:hidden}
	.navbar{ display:block; visibility:visible; margin-top:23px; float: right;}
	.header .logoSmall {display: inherit; margin-top: 0;}
	.headerSocial {display: none;}
	#title section.logo {margin-right: 23%;}

	/* Home */
	#title section.logo {width: 54.4%; margin-top: 10%;}
	.header .logoSmall {width: 80%; margin-top: 3%; margin-bottom: -2%;}

	  /* Gallery
	––––––––––––––––––––––––––––––––––––––––––––––––––  */
	#Container .mix {width: 47%;}

	/* Contact */
	#contact .contact > .row > .eight.columns, #contact .contact > .row > .four.columns {width: 100%; margin-left: 0; text-align: center;}
	#contact .contact > .row > .eight.columns {margin-bottom: 5%;}

	/* Gigs & Events */
	#contact .contact > .row:last-child a .three.columns, .connect-bar:last-child a .three.columns {width: 48%; height: 38.5vw;}
	#contact .contact > .row:last-child a:nth-child(3) .three.columns, .connect-bar:last-child a:nth-child(3) .three.columns {margin-left: 0; margin-top: 4%;}
	#contact .contact > .row:last-child a:last-of-type .three.columns, .connect-bar:last-child a .three.columns {margin-top: 4%;}
	#contact .contact > .row:last-child a .three.columns i, .connect-bar:last-child a .three.columns i {line-height: 38.5vw;}
}
@media screen and (max-width: 790px) {
	#title section.logo {margin-right: 23%;}
}
@media screen and (max-width: 745px) {
	#title section.logo {margin-right: 23%;}
	/* Footer */
	footer .footerRight,footer .footerLeft {float: none; text-align: center; width: 100%;}
}
@media screen and (max-width: 720px) {

}
@media screen and (max-width: 700px) {
	#gallery .three.columns {width: 100%; margin-left: 0; margin-bottom: 2rem;}
	
	/* Home */
	#home .container > .row:nth-child(2) > .three.columns:first-child p {font-size: 3.8vw;}
	#home .container > .row:nth-child(2) .three.columns {height: 30vw;}
	#home .container > .row:nth-child(2) > .three.columns, #home .container > .row:nth-child(2) a .three.columns {width: 48%;}
	#home .container > .row:nth-child(2) a:nth-child(1n + 3) .three.columns {margin-left: 0; margin-top: 4%;}
	#home .container > .row:nth-child(2) a:last-of-type .three.columns {margin-left: 4%; margin-top: 4%;}
}
@media screen and (max-width: 670px) {
.header .logoSmall { width: 100%}
}
@media screen and (max-width: 650px) {

	  /* Gallery
	––––––––––––––––––––––––––––––––––––––––––––––––––  */
	.row.controls span {display: block;}
}
@media screen and (max-width: 625px) {

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

	/* Home */
	#title section.logo {width: 56%;}
	.header .logoSmall { width: 100%}
}
@media screen and (max-width: 600px) {

	/* Home */
	#title section.logo {width: 70%; margin-top: 17%; margin-right: 20%;}
	#title section.logo h1 {text-shadow: 1px 1px 20px #000;}
	#title section.logo .row:first-child > span {text-shadow: 1px 1px 20px #000;}
	#title section.logo .row:last-child p {text-shadow: 1px 1px 20px #000; text-align: center;}
	.header .logoSmall { width: 100%}

	/* Music */
	#music .music > .row > .four.columns, #music .music > .row > .eight.columns {text-align: center;}
	#music .music > .row > .four.columns i {height: 6vw; width: 6vw; line-height: 6vw; font-size: 3vw;}

	/* Tutoring */
	#tutoring .tutoring > .row > .four.columns, #tutoring .tutoring > .row > .eight.columns {text-align: center;}
	#tutoring .tutoring > .row > .four.columns i {height: 6vw; width: 6vw; line-height: 6vw; font-size: 3vw;}

	/* About */
	#about .about > .row > .four.columns, #about .about > .row > .eight.columns {text-align: center;}
	#about .about > .row > .four.columns i {height: 6vw; width: 6vw; line-height: 6vw; font-size: 3vw;}

	/* Contact */
	#contact .contact > .row > .eight.columns input, #contact .contact > .row > .eight.columns textarea {width: 100%;}
}
@media screen and (max-width: 570px) {

}
@media screen and (max-width: 550px) {
	.header .logoSmall { width: 100%}
}
@media screen and (max-width: 549px) {

	/* Home */
	#home .container > .row:nth-child(2) {margin-bottom: 4%;}
	#home .container > .row:last-child a:last-of-type .three.columns {margin-left: 0; margin-top: 4%;}
	#home .container > .row:last-child .six.columns {margin-top: 4%;}
}
@media screen and (max-width: 535px) {
	.header .logoSmall {margin-top: 2%;}
}
@media screen and (max-width: 530px) {
	.header .logoSmall {margin-top: 2%; width: 120%}

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

	  /* Gallery
	––––––––––––––––––––––––––––––––––––––––––––––––––  */
	.row.controls span {margin-bottom: 1rem;}
	.row.controls button {display: block; margin: 0 auto; margin-bottom: 0.5rem; min-width: 140px;}
}
@media screen and (max-width: 475px) {
	.navbar .sb-toggle-left {margin-top: -28%;}
}
@media screen and (max-width: 475px) and (min-width: 446px) {
	.header .logoSmall {margin-top: 3%; width: 100%}
 
}
@media screen and (max-width: 436px){
	.header .logoSmall {margin-top: 3%;}
}

@media screen and (max-width: 430px) {
	 .header .logoSmall {margin-top: 5%; width: 120%;}
	 #title section.logo {margin-right: 15%;}
	 .navbar .sb-toggle-left {margin-top: -28%;}
}
 
@media screen and (max-width: 399px){

	/* Home */
	#home .container > .row:nth-child(2) > .three.columns:first-child p {font-size: 3.5vw;}
	#home .header .logoSmall {margin-top: 5%;}
	

	/* Music */
	#music .music > .row > .four.columns i {height: 8vw; width: 8vw; line-height: 8vw; font-size: 4vw;}

	/* Tutoring */
	#tutoring .tutoring > .row > .four.columns i {height: 8vw; width: 8vw; line-height: 8vw; font-size: 4vw;}

	/* Abuot */
	#about .about > .row > .four.columns i {height: 8vw; width: 8vw; line-height: 8vw; font-size: 4vw;}
}
@media screen and (max-width: 330px) {

}