@media all and (min-width:1200px) {
.desktop {display:inherit;}
.mobile {display:none;}

.menu ul.footer-socials {
display:none;
}

#posts ul li:nth-child(3n+2) {
margin:0 2%;
}
}

@media all and (max-width:1200px) {
.desktop {display:none;}
.mobile {display:inherit;}
#nav-trigger,
#container.page #nav-trigger {display:block;}
nav#nav-mobile {display: block;}
	
#socials {
display:none;
}


/*** Photo ***/
#photo {
background:none;
height:auto;
}

#photo img {
display:block;
}


/**** Page ****/
#container {
	width:80%;
	margin:0 10%;
}

h1 {
font-size:28px;
letter-spacing:5px;
}

#container.page h1 {
font-size:25px;
letter-spacing:5px;
}


section#news,
section#music,
section#videos,
section#tour,
section#signup {
padding:50px 0;
}
	
section#about {
padding:50px 0 90px 0;
}


/**** Page menus ****/
#top #container {
margin:10px auto 0 auto;
}

#top #logo img {
max-height:100px;
}


/*** Music ***/
#albums ul li {
width:50%;
}

#albums ul li img {
max-width:90%;
}

#albums ul li a#listen {
margin:0px auto 0 auto;
text-align:center;
border-radius:50px;
padding:10px 0;
display:block;
width:80%;
}


/**** Music - Home ****/
section#music #image {
float:none;
width:90%;
margin-left:5%;
margin-right:5%;
margin-bottom:15px;
}

a#news-more {
margin-top:40px;
font-size:15px;
}

/**** Posts ****/
#posts ul li {
	float:left;
	width:42%;
	height:400px;
	padding:3%;
	margin-bottom:15px;
	position:relative;
}

#posts ul li:nth-child(2n+1) {
margin-right:1%;
}

#posts ul li:nth-child(2n+2) {
margin-left:1%;
}


/**** Footer ****/
footer {
padding:20px 0;
}

footer #container {
padding:0;
}


/** Mailing List **/
#signup #intro {
float:none;
width:100%;
text-align:center;
margin-bottom:15px;
}

#mc_embed_signup .mc-field-group {
float:none;
margin:0 0 10px 0;
width:100%;
}

#mc_embed_signup .mc-field-group.large {
float:none;
margin:0 0 10px 0;
width:100%;
}

#mc_embed_signup .button {
float:none;
width:100%;
margin-top:15px;
border:2px solid #FFF;
}


/*** Music ***/
#music li {
width:50%;
margin-bottom:30px;
}


/*** Videos ***/
section#videos {
background:url(images/bg-videos.jpg) top right no-repeat fixed;
background-size:auto;
}

section#videos #vid-player {
float:none;
width:100%;
}


/*** Tour ***/
#dates {
float:none;
width:96%;
padding:30px 2%;
max-height:500px;
overflow-y:scroll;
overflow-x:hidden;
}
}




@media all and (max-width:800px) {
#top #logo img {
max-height:80px;
}


/*** Music ***/
#music li {
width:100%;
}

#posts ul li {
	float:none;
	width:94%;
	height:380px;
	padding:3%;
	margin-bottom:15px;
	position:relative;
}

#posts ul li:nth-child(3n+2) {
	margin:0 0 15px 0;
}


/**** Videos ****/
h5.ytctitle {
	margin-top:4px;
	font-size:14px;
}

#previous,
#next {
visibility:hidden;
display:none;
}

#previous.pagination,
#next.pagination {
visibility:visible;
display:block;
}

}