/**
 * Media Queries
 * 
 */


/*  1300 -> 1181 */
@media only screen and (max-width: 1300px) { 
	
	/** Modules */
		#hp-who-what .overlay-inner h3,
		#music-therapy-stories h4 {
			font-size: 2em;
		}

}

/* 1180 -> 1085 */
@media only screen and (max-width: 1180px) {
	
	/** HP Banner */
		#banner,
		#banner .banner-item {
			height: 450px;
		}

}

/* 1084 -> 960 */
@media only screen and (max-width: 1084px) {
	
	/** Logos */
		#hp-bar ul {
			padding: 0 2%;
		}

	/** Modules */
		#hp-who-what .overlay-inner h3, #music-therapy-stories h4 {
			font-size: 1.75em;
		}
		.cta {
			font-size: 18px;
		}
		.gutters a.link-box,
		a.link-box:nth-child(4n+1) {
			width: 32%;
			margin: 0 0 1.5em 2%;
		}
		a.link-box:nth-child(3n+1) {
			margin-left: 0;
		}

}

/* 959 -> 768 */
@media only screen and (max-width: 959px) {
	
	/** Modules */
		#hp-who-what .bx-cf {
			width: 100%;
			margin: 0 0 1em;
			min-height: 390px;
		}
		.music-note {
			top: -45px;
		}
		.music-note img {
			max-width: 300px;
		}
		.gutters a.link-box {
			width: 49%;
			margin: 0 0 1.5em 2%;
		}
		.gutters a.link-box:nth-child(odd) {
			margin-left: 0;
		}

}

/* 767 -> 561 */
/* full width */
@media only screen and (max-width: 767px) {
	
	/** Header */
		header .contact-us {
			margin: 0;
		}
			header .contact-us a {
				width: 42px;
				text-indent: -999em;
				display: block;
				margin: 0 1em 0 0;
			}
				header .contact-us a:before {
					margin: 0;
				}

	/** Banner */
		#banner,
		#banner .banner-item {
			height: 320px;
		}
			#banner .banner-caption-surround h3,
			#banner.default .banner-txt h2,
			#banner.blog-post .banner-txt h2 {
				font-size: 2.5em;
				line-height: 1.2em;
			}
			#banner.default img.white-note {
				height: 25px;
			}

	/** Modules */
		.music-note {
			top: -60px;
			opacity: .5;
		}
		.video_surrounds .box-cf {
			margin-bottom: 1em;
		}
		section.rowed-content .circle-image {
			max-width: 400px;
			max-height: 400px;
			margin: 0 auto;
			float: none;
		}
		#book-list .book, 
		.full-testimonials .single-testimonial, 
		#blog .blog-post-excerpt {
			width: 100%;
		}
		#book-list .book:nth-child(odd), 
		.full-testimonials .single-testimonial:nth-child(odd), 
		#blog .blog-post-excerpt:nth-child(odd) {
			margin: 0 0 2em;
		}
		.gutters a.link-box {
			width: 100%;
			margin: 0 0 1.5em 0;
		}
	
	/** Footer */
		.ft-left {
			text-align: center;
		}
		.ft-right ul.social-media {
			float: none;
			text-align: center;
			margin: 2em 0 0 0;
		}
		.ft-right p#bf {
			text-align: center;
			margin-top: 1em;
		}

}

/* 560 -> 480 */
@media only screen and (max-width: 560px) {
	
	/** Header */
		h1#title {
			max-width: 50%;
		}
			h1#title a {
				max-width: 100%;
			}
	
	/** Banner */
		#banner.default {
			max-height: 200px;
		}
			#banner.default .banner-txt h2,
			#banner.blog-post .banner-txt h2 {
				font-size: 2em;
				line-height: 1.5em;
			}
			#banner.default img.white-note {
				height: 20px;
			}

	/** Modules */
		.music-note {
			top: -85px;
		}
		#music-therapy-stories .box-cf a .video-image {
			height: 250px;
		}

}

/* 479 -> 360 */
@media only screen and (max-width: 479px) {
	
	/** General */
		.cta {
			padding: 15px 1.5em;
		}

	/** Banner */
		#banner .banner-caption-surround .bttn {
			display: none;
		}
		#banner.default .banner-txt h2,
		#banner.blog-post .banner-txt h2 {
			font-size: 1.5em;
			line-height: 1.5em;
		}
			#banner.default img.white-note {
				height: 15px;
			}

	/** Modules */
		#hp-who-what .overlay-inner h3, 
		#music-therapy-stories h4 {
			font-size: 1.5em;
		}

}



/** Overwrite grid.less */
	@media only screen and (min-width: 768px) {
		.container {
			width: auto;
			max-width: 1280px;
			padding: 0 2%;
		}
	}
	@media only screen and (min-width: 992px) {
		.container {
			width: auto;
			max-width: 1280px;
			padding: 0 2%;
		}
	}
	@media only screen and (min-width: 1200px) {
		.container {
			width: auto;
			max-width: 1280px;
			padding: 0 2%;
		}
	}
 
/* print styles, compressed ===== */
	@media print {*{background:transparent !important;color:#444 !important;text-shadow:none !important;}a,a:visited{color:#444 !important;text-decoration:underline;}a:after{content:" (" attr(href) ")";}abbr:after{content:" (" attr(title) ")";}.ir a:after{content:"";}pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;}tr,img{page-break-inside:avoid;}@page{margin:0.5cm;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}
