@media only screen and (max-width:1300px) {
	body {
		font-size:15px;
	}
}

@media only screen and (max-width:1250px) {
	body {
		font-size:15px;
	}
	.wrapper {
		padding:0;
	}
	#header {
		height:155px;
	}
	#logo {
		width:250px;
		height:128px;
		background-size:250px 128px;
		left:25px;
	}
	#nav, .signin {
		right:25px;
	}
	h1 {
		letter-spacing:0;
		font-size:2.6em;
	}
	h1.block-heading {
		padding:25px 30px;
	}
	#text, #footer {
		padding:30px;
	}
	#footer {
		margin-top:30px;
	}
}

@media only screen and (max-width:1170px) {
	h1.block-heading {
		padding:22px;
	}
	#sidebar {
		padding:22px;
	}
	img.hero, .staff-image-wrapper img {
		max-width:250px;
	}
	a.start {
		margin:0 0.2em;
		padding:0 0.7em;
	}
	#nav li:before {
		display:none;
	}
	#nav li.top {
		margin-left:8px;
	}
	#nav li ul {
		left:0;
	}
	#nav a {
		font-size:1.2em;
	}
	.staff-image-wrapper img {
		margin-top:0;
	}
}

@media only screen and (max-width:1023px) {
	body {
		font-size:14px;
		line-height:1.5;
		-webkit-text-size-adjust:none;
	}
	h1.block-heading {
		padding:20px 18px;
	}
	h2 {
		margin:1.3em 0 0.6em 0;
	}
	#sidebar {
		padding:18px;
	}
	#testimonials li {
		width:47.66%;
	}
	#testimonials li:nth-child(3n+1) {
		clear:none;
	}
	#testimonials li:nth-child(odd) {
		clear:left;
	}
}

@media only screen and (max-width:980px) {
	img.hero, .staff-image-wrapper img {
		max-width:40%;
	}
	#staff {
		width:auto;
		margin-right:0;
	}
	#staff li {
		float:none;
		width:auto;
	}
	#staff a {
		min-height:220px;
	}
	#staff li:nth-child(2) {
		border-top:1px solid #ddd;
	}
	.courses li {
		padding:12px;
	}
}

@media only screen and (max-width:960px) {
	.signin {
		top:auto; right:20px;
		bottom:23px;
	}
	.phone {
		top:auto;
		bottom:23px;
	}
	.phone span {
		display:block;
		margin:0;
		text-align:right;
		line-height:1.4;
	}
	p.intro {
		padding-left:1em;
		padding-right:1em;
	}
	a.start {
		margin:0 0.1em;
		padding:0 0.5em;
	}
	#nav.hidden {
		display:none;
	}
	#sidebar {
		width:22%;
	}
	#text {
		width:78%;
	}
	#albums li {
		width:150px;
		height:260px;
	}
	#albums img {
		width:150px;
		height:150px;
	}
	#albums li a strong {
		line-height:1.3;
	}
	#nav.hidden, #search {
		display:none;
	}
	#hamburger {
		display:block;
	}
	#nav {
		position:fixed;
		top:0; left:0;
		min-width:0;
		width:100%;
		height:100%;
		padding:0;
		background:#832891;
		background:#681970;
		z-index:10;
		border-radius:0;
		overflow-y:scroll;
		-webkit-overflow-scrolling:touch;
		margin:0;
	}
	#nav li ul {
		display:block !important;
		position:static;
		background:none;
		width:auto;
		border:0;
		padding:3px 0;
	}
	#nav li,
	#nav li.top,
	#nav a.top,
	#nav li ul a {
		float:none;
		display:block;
		margin:0;
		padding:0;
		border:0;
		color:#fc0;
		width:auto;
		height:auto;
		background:none;
		transition:none;
		text-align:center;
		font-weight:bold;
	}
	#nav li.top {
		margin-bottom:12px;
	}
	#nav a.top {
		font-size:20px;
		font-weight:bold;
		color:#fff;
	}
	#nav li:hover a.top,
	#nav ul li a:hover,
	#nav li.active ul li a,
	#nav li.active ul li a:hover {
		background:none;
	}
	#nav li ul a {
		font-size:16px;
		line-height:24px;
	}
	#nav ul a:hover {
		color:inherit;
		background:none;
	}
	#nav #close {
		display:block;
		height:47px;
		padding:18px 15px 0 0;
	}
	#nav #close img {
		float:right;
		width:23px;
		height:23px;
		cursor:pointer;
		padding:12px;
	}
	#nav #close img.spin {
		-webkit-animation-name:spin;
		-webkit-animation-duration:800ms;
	}
	@-webkit-keyframes spin {
		from	{-webkit-transform:rotate(-90deg)}
		to		{-webkit-transform:rotate(0deg)}
	}

	#testimonials {
		width:auto;
		margin-right:0;
	}
	#testimonials li {
		width:auto;
		margin:0 0 15px 0;
		min-height:0;
	}
	.courses {
		width:auto;
		margin-right:0;
	}
	.courses li {
		float:none;
		width:auto;
		margin:0 0 15px 0;
	}
}

@media only screen and (max-width:767px) {
	#grid .block {
		height:240px;
	}
	#grid .block1,
	#grid .block2 {
		width:50%;
	}
	#grid .intro-block {
		width:auto;
		float:none;
	}
	#grid .block1:first-child {
		display:none;
	}
	.block .middle {
		height:240px;
	}
	.block img {
		height:240px;
		margin-left:-192px;
	}
	.block2 img {
		margin-left:-240px;
	}
	a.video span {
		padding:4px;
		width:80px;
		line-height:1.2;
	}
	img.hero, .staff-image-wrapper img {
		margin:0 8px 25px 25px;
	}
	.darker-purple {
		background:#681970 !important;
	}
	.phone {
		right:150px;
	}
}

@media only screen and (max-width:650px) {
	.phone {
		bottom:auto;
		top:15px; right:80px;
	}
	#hamburger {
		top:19px;
	}
	#nav #close {
		padding-top:14px;
	}
	img.hero, .staff-image-wrapper img {
		margin:0 0px 18px 18px;
	}
	#sidebar.contact-sidebar {
		display:none;
	}
	#text.contact-text {
		display:block;
		width:auto;
	}
	#albums ul {
		margin-top:25px;
	}
	#albums li {
		width:120px;
		height:210px;
	}
	#albums img {
		width:120px;
		height:120px;
	}
	#albums li a strong {
		padding:0 5px;
	}
	#footer address,
	#footer #links {
		float:none;
	}
	#footer address {
		margin-bottom:1em;
	}
	#social-icons {
		position:absolute;
		top:20px; right:20px;
	}
}

@media only screen and (max-width:550px) {
	#header {
		height:119px;
	}
	#logo {
		width:180px;
		height:92px;
		background-size:180px 92px;
		left:17px;
	}
	h1.block-heading {
		font-size:2em;
	}
	h2.large {
		font-size:1.8em;
	}
	#staff a {
		padding-left:96px;
	}
	#staff img {
		width:80px;
		height:114px;
	}
	.courses a.button {
		margin:8px 0;
	}
	.courses .next-date {
		display:block;
		margin:0;
		font-size:inherit;
	}
}


@media only screen and (max-width:480px) {
	body {
		font-size:13px;
	}
	.signin, #hamburger {
		right:15px;	
	}
	#nav #close {
		padding-right:10px;
	}
	.phone {
		right:64px;
	}
	.phone em {
		display:none;
	}
	.block h3 {
		font-size:1.9em;
	}
	p.intro-quote {
		padding-left:0.7em;
		padding-right:0.7em;
	}
	h1.block-heading {
		padding:16px 15px;
	}
	#text, #footer {
		padding:18px;
	}
	#sidebar {
		padding:15px;
	}
	#albums ul, #images, #thumbs {
		width:104%;
		margin-right:-4%;
	}
	#albums li, #images li, #thumbs li {
		width:46%;
		margin-right:4%;
		height:auto;
		padding-bottom:18px;
	}
	#images li, #thumbs li {
		padding-bottom:0;
		margin-bottom:10px;
	}
	#albums li:nth-child(odd),
	#images li:nth-child(odd),
	#thumbs li:nth-child(odd) {
		clear:left;
	}
	#albums li a span {
		display:none;
	}
	#albums img {
		width:100%;
		height:auto;
		margin-bottom:8px;
	}
	#images img,
	#thumbs img {
		width:100%;
		height:auto;
	}
	#footer address {
		max-width:200px;
	}
	#social-icons a {
		width:30px;
		height:30px;
		background-size:30px 30px;
	}
}

@media only screen and (max-width:359px) {
	.phone {
		display:none;
	}
}