/*PHONES*/
@media (max-width: 480px) {

.media-box{
	text-align: center;	
	
	
}




.sidebar{
display: none;	
	
}
	
	
	
	
.sm-center{
	
text-align: center;	
}
	
	
	
.foot-copy h3{
font-family: 'Oswald', sans-serif;
color: #fff;
margin: 0;
font-size: 16px;
 padding-bottom: 15px; 
}	
	
	
	
.mejs-horizontal-volume-slider, .mejs-volume-button, .mejs-duration-container{
	display: none !important;
}
	
.sliders, .white-first{
margin-top: 0px;
}

.logo{
	display: none !important;
}

.nav-bg{
	background: none;
}

.nav>li{
display: block;
padding: 10px 5px 0;
text-align: left;
}

.navbar-header{
background: url('img/bg/nav-bg.jpg') repeat-x;
background-size: 70%;
padding: 10px 0;
}

.navbar-brand{
	display: inline;
	font-family: 'Oswald', sans-serif;
	padding: 10px 0 10px 10px;
	float: left;
	width: 80%;
}

.navbar-brand img{
width: 40%;
margin-top: -6px;
}

.navbar-collapse{
	box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.7);
	background: #752325;
	background: -moz-linear-gradient(top,  #752325 0%, #511c1a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#752325), color-stop(100%,#511c1a));
	background: -webkit-linear-gradient(top,  #752325 0%,#511c1a 100%);
	background: -o-linear-gradient(top,  #752325 0%,#511c1a 100%);
	background: -ms-linear-gradient(top,  #752325 0%,#511c1a 100%);
	background: linear-gradient(to bottom,  #752325 0%,#511c1a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#752325', endColorstr='#511c1a',GradientType=0 );
	padding-bottom: 20px;
}

.carousel-caption{
	bottom: 0%;
}

.carousel-caption .ny{
	font-size: 16px;
}

.carousel-caption .started{
	font-size: 14px;
	padding: 0px 10px 3px;
}

.carousel-caption .started span{
	margin-right: 20px;
}

.carousel-caption .started:hover span{
	left: 20px;
}

.video-play{
	width: 80px;
}

.video-toggle{
top: 15%;
}

.video-link{
font-size: 14px;	
}

.desktop-hidden{
	display: block !important;
}

.img-polaroid{
	margin-bottom: 30px;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
	background-color: transparent;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a{
	color: #fff;
	font-family: 'Oswald', sans-serif;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{
	color: #fff;
}

.navbar-nav .open .dropdown-menu>li>a{
	padding-left: 5px;
}

.foot-copy h3{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.credited p{
	text-align: center;
}

.spin-left, .spin-right{
	transform: rotate( 0deg);
	-webkit-transform: rotate(0deg);
}

.page-titles{
padding: 25px 55px 5px;
	font-size: 35px;
	text-align: center;
}

.black, .logo-slider{
	display: none;
}

#song-title{
	width: 100%;
	font-size: 20px;
	background: none;
}

.resp-only{
display: block;
}

.song-list-links li{
	padding: 10px 10px 10px 0;
}

.song-list-links li a{
	font-size: 12px;
	padding: 10px;
}

.first{
	padding-top: 75px;
}

.last{
	padding-bottom: 75px;
}

#song-title::before{
display: block;
}

.ribbon.home-test{
padding: 70px 20px 60px;	
}
.test-caption p{
font-size: 14px;
line-height: 28px;	
}
.home-test .carousel-control{
font-size: 12px;	
}
.foot-bot, .foot-bot .text-right{
text-align:center !important;	
}
.title-book{
	margin-top: 15px !important;
display: table !important;
float: none !important;
margin: 0px auto 30px;
background-color: transparent !important;
font-size: 14px;
}
p#breadcrumbs{
font-family: 'Quattrocento', serif;
font-size: 12px;
color:#bbb;	
text-align: center;
display: table;
float:none;
margin:0 auto 20px;
}

.video-box iframe{
width:90%;
height:auto;
}

}

/*TABLET PORTRAIT*/
@media (min-width: 481px) and (max-width: 767px) {
	
	
	.video-toggle{
		top: 25%;
	}
	
	
	.sidebar{
display: none;	
	
}
	
.mejs-horizontal-volume-slider, .mejs-volume-button, .mejs-duration-container{
	display: none !important;
}	
	
.first{
	padding-top: 75px;
}

.last{
	padding-bottom: 75px;
}	
	
	
.song-list-links li{
	padding: 10px 10px 10px 0;
}

.song-list-links li a{
	font-size: 12px;
	padding: 10px;
}	
	
.spin-left, .spin-right{
	transform: rotate( 0deg);
	-webkit-transform: rotate(0deg);
}	
	
.resp-only{
display: block;
}	
	
#song-title{
	width: 100%;
	font-size: 30px;
	background: none;
}	
	
.page-titles{
padding: 25px 55px 5px;
	font-size: 25px;
	text-align: center;
}
	   
.navbar-header{
background: url('img/bg/nav-bg.jpg') repeat-x;
background-size: 70%;
padding: 10px 0;
}

.navbar-brand{
	display: block;
	font-family: 'Oswald', sans-serif;
	padding: 10px 0 10px 10px;
}

.navbar-brand img{
	width: 30%;
}

.white-first{
	margin-top: 0px;
}

.sliders{
	margin-top: 0px;
}

.logo{
	display: none !important;
}

.nav-bg{
	background: none;
}

.nav>li{
display: block;
padding: 15px 5px 0;
text-align: left;
}

.carousel-caption .started{
	font-size: 20px;
}

.carousel-caption .ny{
	font-size: 26px;
}

.navbar-collapse{
	box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.7);
	background: #752325;
	background: -moz-linear-gradient(top,  #752325 0%, #511c1a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#752325), color-stop(100%,#511c1a));
	background: -webkit-linear-gradient(top,  #752325 0%,#511c1a 100%);
	background: -o-linear-gradient(top,  #752325 0%,#511c1a 100%);
	background: -ms-linear-gradient(top,  #752325 0%,#511c1a 100%);
	background: linear-gradient(to bottom,  #752325 0%,#511c1a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#752325', endColorstr='#511c1a',GradientType=0 );
	padding-bottom: 20px;
}

.desktop-hidden{
	display: block !important;
}

.img-polaroid{
	margin-bottom: 50px;
}

.col-sm-4.shrink-wrap{
	width: 33.3333333333%;
	display: inline-block;
	float: left;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
	background-color: transparent;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a{
	color: #fff;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{
	color: #fff;
}

.navbar-nav .open .dropdown-menu>li>a{
	padding-left: 5px;
}

.foot-copy h3{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.credited p{
	text-align: center;
}

.ribbon.home-test{
padding: 70px 20px 60px;	
}
.test-caption p{
font-size: 16px;
line-height: 28px;	
}
.home-test .carousel-control{
font-size: 12px;	
}
.foot-bot, .foot-bot .text-right{
text-align:center !important;	
}
.title-book{
	margin-top: 15px !important;
display: table !important;
float: none !important;
margin: 0px auto 30px;
background-color: transparent !important;
font-size: 14px;
}
p#breadcrumbs{
font-family: 'Quattrocento', serif;
font-size: 12px;
color:#bbb;	
text-align: center;
display: table;
float:none;
margin:0 auto 20px;
}	

.video-box iframe{
width:80%;
height:250px;
}


}

/*TABLET LANDSCAPE and SMALL DESKTOP*/
@media (min-width: 768px) and (max-width: 1023px) {
.mejs-time-rail{
	max-width: 520px!important;
	width: 520px !important;
}

.mejs-time-total.mejs-time-slider, .mejs-time-loaded{
	max-width: 510px !important;
	width: 510px !important;
}	
	
.page-titles{
font-size: 25px;
text-align: center;
padding: 10px;
}
	
.nav-bg{
	background-size: 45%;
}
	
.nav>li{
padding: 0px 4px 5px;

}

.nav>li>a{
font-size: 11px !important;
margin-top: -5px;
}

.carousel-caption .started{
	font-size: 20px;
}

.carousel-caption .ny{
	font-size: 26px;
}	

.title-book{
	margin-top: 15px !important;
display: table !important;
float: none !important;
margin: 0px auto 30px;
background-color: transparent !important;
font-size: 14px;
}
p#breadcrumbs{
font-family: 'Quattrocento', serif;
font-size: 12px;
color:#bbb;	
text-align: center;
display: table;
float:none;
margin:0 auto 20px;
}


}

/*That weird break point between landscape tablet and desktop*/
@media (min-width: 1024px) and (max-width: 1200px) {
.nav-bg{
	background-size: 35%;
}


	
.nav>li{
padding: 0px 10px 5px;
}
.nav>li>a{
	font-size: 13px;
}

.carousel-caption{
	bottom: 5%;
}

.carousel-caption .started{
	font-size: 20px;
}

.carousel-caption .ny{
	font-size: 26px;
}

.foot-copy h3{
	width: 100%;
}
.title-book{
	font-size: 12px;
}
}

@media (min-width: 1201px) and (max-width: 1399px) {
.nav>li{
	padding: 0px 16px;	
}