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

/*MAIN WEBSITE PAGE STRUCTURE */

body {background:#fff; }

div#topbar {display:none; }

div#wrapper {
margin: 0;
width:100%;
box-sizing:border-box;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); }


/*WEBSITE TITLE*/

#website-title-mob h1 {margin: 0; }
  
#website-title-mob img {
width:100%;
height:auto;
display:block;}

#header-sidepane-mob {
background-color: #c21b22;
padding: 20px 20px 10px;
box-sizing: border-box;
text-align:center; }
 
#header-sidepane-mob img {
width: 175px;
height:175px;
margin: 0 0 5px;
border:3px solid #e4d3b0;
display:inline-block;
transition: all .5s; }

div#banner {display:none; }
div#banner-mob {display:block; }

div#banner-mob #banner-picture img {
width: 100%;
height:auto; }

div#banner-mob img {
width: 100%;
height:auto; }

body.home div#colTwo {
padding: 0px !important;
background-image:none !important;}
 
div#content-1 {
width: 100%;
padding:0 20px 40px !important;
box-sizing:border-box; }

div#content-1.twoCol {
grid-template-columns: 1fr;
width: 100%;}

div#content-1.twoCol-50 {
grid-template-columns: 1fr;}

div#colOne {
float:none;
width:100%;
padding: 0px;
box-sizing: border-box;}

div.twoCol div#colOne {
padding-right: 0px;
box-sizing:border-box;}
    
div#colTwo {
float:none;
width:100%;
margin: 40px 0 0;
padding: 0px;
box-sizing: border-box;
background-image:none;}

div#footer {
width: 100%;
height: auto;
box-sizing:border-box;
padding: 0px 0 15px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;}
    
div#mailchimp_footer {
margin: 0px auto 50px;
box-sizing:border-box;
background-color:#222; } 


div#mailchimp_footer > div {
width: 100%;
padding: 25px 0 40px;
margin: 0px auto 40px; }

div#mailchimp_footer input#mce-EMAIL_footer {
width: 90%;
border: none;
padding: 5px 10px;
border-radius: 100px;
margin: 0 0 20px }

div#mailchimp_footer input#mc-embedded-subscribe_footer {
width: 30%;
border: none;
padding: 5px 10px;
background-color:#222;
border-radius: 100px;
color: #E4E4E4;
text-transform:uppercase;
border: 1px solid #E4E4E4;  }
    
    
img.full-width {
float:none;
margin:20px 0;
width:100%;height:auto;
 }

    
    
/* HOME PAGE */

div#wrapper div#home-news-grid, div#wrapper div#home-news-grid-1 {
display:grid;
grid-template-columns: 1fr;
grid-column-gap: 20px;
grid-row-gap:20px;
margin: 0 0 20px;  }

div#wrapper div#home-news-grid div.story.news, div#wrapper div#home-news-grid-1 div.story.news {
border:none;                   
 }

div#wrapper.home div.story img {
    border: 1px solid #CACACA;
    width: 100%;
    height: auto;
    box-sizing: border-box;}

div#wrapper.home div.story.full {float: none;}



div#wrapper.home div.story img {
    border: 1px solid #CACACA;
    width: 100%;
    height: auto;
    box-sizing: border-box;}
    
div#wrapper.home div.story.top-story {
border: none;
 }
 
div.twitter-feed {display:none; }

/* for videos */
iframe {width: 100% !important;}

div#wrapper.home div.story.full {
margin: 10px 0;
background-color:#f7f7f7;
width:100%;
box-sizing:border-box;
padding: 20px;
border: 10px solid #c21b22;
 } 
 
div#wrapper.home div.story.full img {width: 100%;float:none;margin-bottom:10px;}
div#wrapper.home  div.story.full p {margin: 10px 0; }
div#wrapper.home  div.story.full h2 {margin: 0px 0; }

div#wrapper.home div.story.top-story {
width: 100%;
float:none;
margin-bottom:20px;}



div#wrapper.home div.separator {
border-bottom: 0px dotted #CCCCCC;
margin-bottom: 0px;
padding-bottom: 0px;}
    
    
div#wrapper.home div.separator.strong {
border-bottom-width: 0px;
margin-bottom: 0px;
}

    
/* NEWS PAGE */
div#wrapper.news div.news.story {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 0px dotted #CCCCCC;
    margin-bottom: 20px;
    padding: 10px 20px 30px;
    overflow: hidden;
    zoom: 1;
    background-color:#EBEBEB;
    border: 1px solid #BFBFBF;
}

div#wrapper.news div.news.story.grid-layout {
grid-template-columns: 1fr; }
 
 
div#wrapper.news div.news.story.grid-layout img {
float:none; 
width:100%;
height:auto;
margin-bottom: 10px;
}

div#wrapper.news div.news.story h2, div#wrapper.news div.news.story p {
margin: 0 !important; }

div#wrapper.news div.twitter-feed {display:none; }   



  
/* VIDEO PAGE */

div.video-row {border:none; }

div.video:after {
  content: "";
  display: table;
  clear: both;}

div.video.left, div.video.right {
float: none;
width:100%;
margin: 0 0 20px; 
box-sizing: border-box;
border-bottom: 0px dotted #CCCCCC;
padding: 10px 10px 20px;
background-color:#EBEBEB;
border: 1px solid #BFBFBF;
}



 /*ALBUM PAGE - MAIN LISTING OF ALL ALBUMS */
div.albumsDisplay {
display: grid;
grid-column-gap: 10px;
grid-row-gap: 20px;
grid-template-columns: repeat(1, 100%);
}

/*LISTEN PAGE */
.ttw-music-player {width:100%; }

/*ALBUM PAGE */

div#content-1 a.listen {margin: 0px;padding: 5px;width:50%;box-sizing:border-box;display:block;float:left;}
div#content-1 .listen img {width: 100%;height:auto; }

div.albumCover {float:none;width:100%;margin: 0 0 20px;}
div.albumCover img {width:100%; }
div.albumInfo {float:none; width:100%;}



/*EVENTS PAGE */

div.event-date {
    font-size: 100%;
    font-weight: bold;
    width: 100%;
    float: none;}
    
div.event-right {
    width: 100%;
    float: none;}

div.event-date span.event-day:after {
    content: ' ';
    display: inline-block;
    white-space: pre;}
    
div.event-info {
font-weight:normal;
font-size:105%;
font-style:italic;}
    
/*JOURNALISM PAGE */

div.journalism-box {
width:100%;
margin: 0 0 20px;
box-sizing: border-box;
border-bottom: 0px dotted #CCCCCC;
padding: 10px;
background-color:#EBEBEB;
border: 1px solid #BFBFBF;
}
    
    

/*FOOTER */

div#footer p {font-size:12px;line-height:140%; }


/*SHOP PAGE ALBUMS */

div.albums {
display: grid;
  grid-column-gap: 5px;
  grid-row-gap: 15px;
  grid-template-columns: repeat(1, 1fr );
  padding: 5px; }
  
div.shopAlbums {
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    padding: 0;
}

  



  
#charity-work div.box{
display:grid;
grid-template-columns: 1fr;
grid-column-gap: 20px;
 }

}


@media only screen and (max-device-width: 750px) 
{
    
body {background-color: #fff;}
div#topbar {background-image:none;}
div#content{background-image:none;}
div#content.twoCol {background-image:url('/img/graphics/borders/content-2col-mob-bgd.jpg');}
div#banner{background-image:none;}
div#banner.home{background-image:url('/img/graphics/borders/banner-home-mob-bgd.png');}
div#navigation {background-image:none;}
div#navigation.home {background-image:url('/img/graphics/borders/nav-home-mob-bgd.jpg');}
div#footer{background-image:none;}
div#footer.twoCol {background-image:url('/img/graphics/borders/footer-2col-mob-bgd.jpg');}
	
div#wrapper {
-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0);
box-shadow: 0px 0px 20px 5px rgba(0,0,0,0);
}

}