@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

p.scroll-btn {
  margin-right: 15px;
}
@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 .scroll-btn {
	display: inline-block;
	text-align: center;
     vertical-align: top;
     margin-top: 15%;
}
.scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 55px;
	margin: 0 auto 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid white;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: white;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
}

@media (min-width:320px) { /* smartphones, Android phones, landscape iPhone */ 
.gridContainer {
	margin:0;
	width: 100%;
	max-width:100%;
	padding: 0;
   
}
 
header {
	clear: both;
	width: 100%;
    margin: 0 auto;
    height: 20vh;
}
    .logo {
    width: 100%;
    text-align: center;
    padding-top: 40px;
}
.logo img{
    width: 95%;
}
nav {
    width: 100%;
    margin: 0 auto;
    
}
    .mobile {
        width: 100%;
    position: fixed;
    top: 0px;
    z-index: 999;
    }

   ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000;
    width: 100%;
    text-align: center;}

ul.topnav li {
    display: inline-block;
    margin: 0 auto;
    margin-left: .5em;
    
}
    
ul.topnav li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 5px 0px;
    text-decoration: none;
    font-size: .8em;
}

ul.topnav li a:hover {
    background-color: white;
    color: black;
}



#content, #wrapper {
	height: 100vh;
}
    section.home {
    background: transparent;
    min-width: 100vw;
}

section {
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 320px;
	height: 100vh;
    
margin:0 auto;
}
.horizontal section, .horizontal section{
	display: inline-block;
	vertical-align: top;
	height: 100%;
}
section #description {
    top:0;
    position: relative;
	min-width: 100%;
	height: 100%;
	margin: 0 auto;

    
}
section.home #description {
	padding-top: 0;
}
    .main {
        min-width: 320px;
        height: 100%;

    }
  .albuminfo {
        width: 100%;
        padding: 30px 0;
        margin: 0 auto;
    }
    .artwork{
        width: 100%;
        text-align: center;
    }
    .artwork img{
        width: 40%;
        -webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
    }
    .albumtext {
    margin-top: 10px;
        width: 80%;
        text-align: left;
        display: inline-block;
    }


#video {
    width: 100%;
    border: 1px solid white;
    margin: 0 auto;
}

footer {
    width: 100%;
    position: fixed;
    margin: 0 auto;
    z-index: 1;
    bottom: 0;
    text-align: center;
    background-color: black;
    border-top: 2px solid #fff;
    padding: 0;
    height: 25px;
}
hr.blog {
   display: none;
}
footer h1 {
    font-size: 1em;
    padding: 0;
    margin: 0;
    
}
    .socials { display: none;}

.network {
    width:40px;
    height:40px;
    margin: 1em;
    display: inline-block;
}
    h1.header {
        font-size: 2em;
        margin: 0 auto;
        padding: 0;
        padding-top: 10px;
        background: black;
        border-top: 2px solid #fff;
    }
    .main {
        position: relative;
    }
#about {display:none;} 
#videos {display:none;} 
#releases {display:none;} 

    .text img{
          width:90%;
      }
.text{
    white-space: normal;
    overflow: scroll;
    height: 100%;
    width: 90%;
    margin: 0 auto;
    display: inline-block;

}
    #tour {
        position: relative;
    }
     
 #dates {
     white-space: normal;
    height: 100%;
    width: 100%;
    margin: 0 auto;
     
    }
.bit-widget-container {
	font-family: BElight !important;
	font-size: 1em !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	overflow: hidden !important;
	border: none !important;
	max-width: 100% !important;
	margin: 0 auto !important;
    white-space: normal !important;
    text-align: center !important;
    
}
    tr.bit-events {
        border: none !important;
    }
    .bit-header-links {font-size: 1.5em;}
     .bit-header-links a{
         color: black;
    }
    .bit-header {
        background: white;
        color: black;
    }
    th.bit-date, th.bit-venue, th.bit-location, th.bit-tickets {
       font-size: 1em;
        font-weight: bold;
        text-align: center !important;
    }
    
    tr.bit-date a, tr.bit-venue a, tr.bit-location a, tr.bit-tickets {
        font-size: 1em !important;
        
    }


.bit-events td {
	border: none !important;
        text-align: center !important;
        padding: 25px 0 !important;
        
}
    td.bit-tickets {
        text-align: center !important;
    }
    td.bit-tickets a {
        text-align: center !important;
        background: #000;
        letter-spacing: 2px;
        font-weight: bold;

    }
    td.bit-rsvp {
        display: none !important;
    }
.releases {
    height:450px;
    width: 100%;
margin: 0 auto;
text-align: center;
    overflow: scroll;
}
    

.grid {
	width: 216px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
    list-style-position:inside;
    padding:0;
}

.grid li {
	display: inline;
	width: 216px;
    height: 216px;
	margin: 1em;
    padding:0;
	text-align: center;
	position: relative;
}
.grid figure {
	margin: 0;
	position: relative;
}
.grid li figure img {
	max-width: 100%;
	display: block;
	position: relative;
    
}
.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px;
	background-color:rgba(0,0,0,0.6);
	color: #fff;
    vertical-align: middle;
}
.grid figcaption h1 {
	margin: 0;
	padding: 10px 0;
	color: #fff;
    font-size: 2em;
    letter-spacing: 3px;
}
.grid figcaption h1:first-of-type {
    margin-top: 30%;
}
.grid figcaption span:before {
	content: '';
}

.grid figcaption a {
	text-align: center;
	padding: 0px 10px;
	border-radius: 2px;
	display: inline-block;
	color: #fff;
    
    
}
.cs-style-1 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	backface-visibility: hidden;
	transition: transform 0.3s, opacity 0.3s;
}
.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
	opacity: 1;
	transform: translate(0px, 0px);
}

.cs-style-1 figcaption span {
	display: block;
}
    
.av {
    height:450px;
    width: 100%;
margin: 0 auto;
text-align: center;
    overflow: scroll;
}
    

.grid-vid {
	width: 300px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
    list-style-position:inside;
    padding:0;
}

.grid-vid li {
	display: inline;
	width: 300px;
    height: 169px;
	margin: 1em;
    padding:0;
	text-align: center;
	position: relative;
}
    
    .title {
    text-align: center;
}
.title h1{
    font-size: 1.3em;
}
   
.grid-vid figure {
	margin: 0;
	position: relative;
}
.grid-vid figure img {
	max-width: 100%;
	display: block;
	position: relative;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
}
.grid-vid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px;
	background-color:rgba(0,0,0,0.6);
	color: #fff;
    vertical-align: middle;
}
.grid-vid figcaption h1 {
	margin: 0;
	padding: 10px 0;
	color: #fff;
    font-size: 2em;
    letter-spacing: 3px;
}
.grid-vid figcaption h1:first-of-type {
    margin-top: 20%;
}
.grid-vid figcaption span:before {
	content: '';
}

.grid-vid figcaption a {
	text-align: center;
	padding: 0px 10px;
	border-radius: 2px;
	display: inline-block;
	color: #fff;
    
    
}
.cs-style-2 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	backface-visibility: hidden;
	transition: transform 0.3s, opacity 0.3s;
}
.no-touch .cs-style-2 figure:hover figcaption,
.cs-style-2 figure.cs-hover figcaption {
	opacity: 1;
	transform: translate(0px, 0px);
}

.cs-style-2 figcaption span {
	display: block;
}
.contact {
    width: 100%;
    height: 100%;
    white-space: normal;
    margin: 0 auto;
    padding-bottom: 15px;
}
.contact h1{
    font-size: 1.5em;
}
    .contact h3 {
        font-size: 1em;
    }
    .scroll-btn {
        display: none;
    }
    
}

@media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 

    .logo {
        width: 100%;
    }
    
    #video {
    width: 80%;
    }
    
    .albumtext {
    margin-top: 10px;
        width: 100%;
        text-align: center;
        display: inline-block;
    }
}
    
@media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
   .gridContainer {
	max-width: 100%;
    }
    .mobile {
        display: none;
    }
    header {
	clear: both;
	width: 100%;
    position: fixed;
    margin: 0 auto;
    top: 0px;
    z-index: 999;
    height: 25vh;
}
   
    .logo {
        padding-top: 25px;
    }
    .logo img{
    width: 50%;
}
#content, #wrapper {
	height: 100vh;
}
.scrollContainer {
	width: 100%;
	height: 100%;
	margin: auto;
}
#wrapper .scrollContent {
	height: 100%;
}

.horizontal.scrollContainer {
	overflow-y: hidden;
	overflow-x: scroll;
}
#wrapper.scrollContainer .scrollContent {
	width: 100%;
	height: auto;
}
#wrapper.scrollContainer.horizontal .scrollContent {
	width: auto;
	height: 100%;
}
#wrapper.horizontal {
	white-space: nowrap;
	font-size: 0;  /* fix for spaces between inline block divs */
}
#wrapper .scrollContent div {
	font-size: 13px;
}
    
section.home {
    background: transparent;
    min-width: 100vw;
}

section {
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 360px;
	min-width: 100%;
	height: 100vh;
    border-bottom: none;
    
}
.horizontal section, .horizontal section{
	display: inline-block;
	vertical-align: top;
	height: 100%;
}
section #description {
    top:21%;
    position: absolute;
	width: 100%;
    height: 59vh;
	margin: 0 auto;    
   
}
section.home #description {
	padding-top: 0;
}
    .albuminfo {
        width: 100%;
        padding: 5px 0;
        margin: 0 auto;
        
    }
    .artwork{
        width: 10%;
        text-align: right;
        display: inline-block;
        margin-right: 1em;
    }
    .artwork img{
        width: 100%;
        -webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
    }
    .albumtext {
        width: 40%;
        text-align: left;
        display: inline-block;
    } 
     h1.header {
        display:none;
    }

    .main {
        width: 800px;
        margin: 0 auto;
        padding-top: 15px;
    }
#video {
    width: 400px;
    border: 1px solid white;
}


.network {
    width:40px;
    height:40px;
    margin: 1em;
    display: inline-block;
}
    #about {display:inline-block;} 
    #videos {display:inline-block;} 
.text {
        width: 900px;
        height:100%;
        overflow-y: scroll;
        word-wrap: normal;
         overflow-x: hidden;
         text-align: justify;
        padding-right:20px;
    display: inline-block;
    }
    .text img{
          float: right;
          width: 40%;
          -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
        z-index: 0;
      }
     

       #dates {
        height:100%;
        width: 900px;
        margin: 0 auto;
        overflow-y: scroll;
        display: inline-block;
    
    }
    .bit-widget-container {
	font-family: BElight !important;
	font-size: 1em !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	overflow: hidden !important;
	border: none !important;
	max-width: 900px;
	margin: 0 auto;
        white-space: normal !important;
        text-align: center !important;
    
}
    tr.bit-events {
        border: none !important;
    }
   
    th.bit-date, th.bit-venue, th.bit-location, th.bit-tickets {
       font-size: 1.5em;
        text-align: center !important;
    }
    tr.bit-date a, tr.bit-venue a, tr.bit-location a, tr.bit-tickets {
        font-size: 1em !important;
        
    }

th.bit-location, td.bit-location {
    width:50px !important;
}
.bit-events td {
	border: none !important;
        text-align: center !important;
        padding: 25px 0 !important;
        
}
    td.bit-tickets {
        text-align: center !important;
    }
    td.bit-tickets a {
        text-align: center !important;
        background: #000;
        letter-spacing: 2px;
        font-weight: bold;

    }
    td.bit-rsvp {
        display: none !important;
    }

.title {
    width: 100%;
    text-align: right;
}
.title h1{
    font-size: 2em;
}
    #releases {display:inline-block;} 

 .releases {
    height:360px;
    width: 100%;
margin: 0 auto;
text-align: center;
         display: inline-block;

}
    
  .grid {
	padding: 10px 20px 0px 10px;
	width: 960px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid li {
	display: inline-block;
	width: 150px;
    height: 150px;
	margin: 0;
	padding: 10px;
	text-align: left;
	position: relative;
}

.grid figure {
	margin: 0;
	position: relative;
}
.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
   -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
}
.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px;
	background-color:rgba(0,0,0,0.6);
	color: #fff;
    vertical-align: middle;
}
.grid figcaption h1 {
	margin: 0;
	padding: 10px 0;
	color: #fff;
    font-size: 2em;
    letter-spacing: 3px;
}
.grid figcaption h1:first-of-type {
    margin-top: 20%;
}
.grid figcaption span:before {
	content: '';
}

.grid figcaption a {
	text-align: center;
	padding: 0px 10px;
	border-radius: 2px;
	display: inline-block;
	color: #fff;
    
    
}
.cs-style-1 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	backface-visibility: hidden;
	transition: transform 0.3s, opacity 0.3s;
}
.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
	opacity: 1;
	transform: translate(0px, 0px);
}

.cs-style-1 figcaption span {
	display: block;
}
.av {
    height:360px;
    width: 100%;
margin: 0 auto;
text-align: center;
    overflow: scroll;
             display: inline-block;

}
    

.grid-vid {
	width: 300px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
    list-style-position:inside;
    padding:0;
}

.grid-vid li {
	display: inline;
	width: 300px;
    height: 169px;
	margin: 1em;
    padding:0;
	text-align: center;
	position: relative;
}
    
    .title {
    text-align: center;
}
.title h1{
    font-size: 1.3em;
}
   
.grid-vid figure {
	margin: 0;
	position: relative;
}
.grid-vid figure img {
	max-width: 100%;
	display: block;
	position: relative;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
}
.grid-vid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px;
	background-color:rgba(0,0,0,0.6);
	color: #fff;
    vertical-align: middle;
}
.grid-vid figcaption h1 {
	margin: 0;
	padding: 10px 0;
	color: #fff;
    font-size: 2em;
    letter-spacing: 3px;
}
.grid-vid figcaption h1:first-of-type {
    margin-top: 20%;
}
.grid-vid figcaption span:before {
	content: '';
}

.grid-vid figcaption a {
	text-align: center;
	padding: 0px 10px;
	border-radius: 2px;
	display: inline-block;
	color: #fff;
    
    
}
.cs-style-2 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	backface-visibility: hidden;
	transition: transform 0.3s, opacity 0.3s;
}
.no-touch .cs-style-2 figure:hover figcaption,
.cs-style-2 figure.cs-hover figcaption {
	opacity: 1;
	transform: translate(0px, 0px);
}

.cs-style-2 figcaption span {
	display: block;
}
.contact {
    height:350px;
    width: 100%;
margin: 0 auto;
text-align: center;
padding: 0;}
    .contact h1{
        font-size: 1.5em;
        margin: 0;
        margin-top: 10px;
        padding: 0;
    }
    .contact h3{
        margin: 0;
        margin-bottom: 10px;
        margin-top: 5px;
        padding: 0;
    }
    footer {
    background-color: transparent;
    border-top: none;
         height:20vh;
}

footer h1 {
    font-size: 2em;
    padding: 0;
    margin: 0;
}
    .socials {
        display: inline-block;
    }
     .socials2 {
        display: none;
    }
    #contact {
        position: static;
        top: 0;
    }
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
   
    #topnav {
        display: none;
    }
    .logo {
        padding-top: 85px;
    }
    .logo img{
    width: 30%;
}
    .scroll-btn {
        display: inline-block;
    }
section #description {
    top:25%;
    height: 50vh;
    overflow: hidden;
    border-bottom: none;
    
    }
   

    footer {
        height:25vh;
    }
    .main {
        max-width: 800px;
        margin: 0 auto;
    }
    #video {
        width: 500px;
        margin: 0 auto;
    }
    .albuminfo {
        width: 60%;
        padding: 15px 0;
        margin: 0 auto;
        
    }
    .artwork{
        width: 15%;
        text-align: right;
        display: inline-block;
        margin-right: 1em;
    }
    .artwork img{
        width: 100%;
        -webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
    }
    .albumtext {
        width: 50%;
        text-align: left;
        display: inline-block;
    } 
     h1.header {
        display:none;
    }
     
    .text {
        width: 900px;
        height:600px;
        overflow-y: scroll;
        word-wrap: normal;
         overflow-x: hidden;
         text-align: justify;
        padding-right:20px;
    }
    .text img{
          float: right;
          width: 40%;
          -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
        z-index: 0;
      }
    #dates {
        width: 960px;
    }
    .bit-widget-container {
	font-family: BElight !important;
	font-size: 1em !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	overflow: hidden !important;
	border: none !important;
	max-width: 960px;
	margin: 0 auto;
        white-space: normal !important;
        text-align: center !important;
    
}
    tr.bit-events {
        border: none !important;
    }
 
    th.bit-date, th.bit-venue, th.bit-location, th.bit-tickets {
       font-size: 2em;
        text-align: center !important;
    }
    tr.bit-date a, tr.bit-venue a, tr.bit-location a, tr.bit-tickets {
        font-size: 1.5em !important;
        
    }
    .bit-events td {
	border: none !important;
        text-align: center !important;
        padding: 25px 0 !important;
        
}
    td.bit-tickets {
        width:134px !important;
        text-align: center !important;
        padding-left: 60px !important;
    }
    td.bit-tickets a {
        text-align: center !important;
        background: #000;
        letter-spacing: 2px;
        font-weight: bold;

    }
    td.bit-rsvp {
        display: none !important;
    }
    .releases {
        width: 100%;
        height:600px;
        margin: 0 auto;
        
    }
    .av {
        height:600px;
        width: 100%;
        
    }
    .title {
        width: 100%;
        margin: 0 auto;
        text-align: left;
        max-width: 960px;
    }
    .title h1{
        font-size: 1.7em;
        padding: 0;
        margin: 0;
        
    }
 .releases {
    height:600px;
    width: 100%;
margin: 0 auto;
text-align: center;
}
    
  .grid {
	padding: 20px 20px 0px 10px;
	width: 960px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid li {
	display: inline-block;
	width: 175px;
    height: 175px;
	margin: 0;
	padding: 10px;
	text-align: left;
	position: relative;
}

.grid figure {
	margin: 0;
	position: relative;
}
.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
   -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
}
.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px;
	background-color:rgba(0,0,0,0.6);
	color: #fff;
    vertical-align: middle;
}
.grid figcaption h1 {
	margin: 0;
	padding: 10px 0;
	color: #fff;
    font-size: 2em;
    letter-spacing: 3px;
}
.grid figcaption h1:first-of-type {
    margin-top: 20%;
}
.grid figcaption span:before {
	content: '';
}

.grid figcaption a {
	text-align: center;
	padding: 0px 10px;
	border-radius: 2px;
	display: inline-block;
	color: #fff;
    
    
}
.cs-style-1 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	backface-visibility: hidden;
	transition: transform 0.3s, opacity 0.3s;
}
.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
	opacity: 1;
	transform: translate(0px, 0px);
}

.cs-style-1 figcaption span {
	display: block;
}
.grid-vid {
	padding: 0;
	list-style: none;
    margin: 0 auto;
	text-align: center;
    width: 960px;
}

.grid-vid li {
	display: inline-block;
	width: 200px;
    height: 113px;
	margin: 0;
	padding: 10px;
	text-align: center;
	position: relative;
}
.grid-vid figure {
	margin: 0;
	position: relative;
}
.grid-vid figure img {
	max-width: 100%;
	display: block;
	position: relative;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
}
.grid-vid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px;
	background-color:rgba(0,0,0,0.6);
	color: #fff;
    vertical-align: middle;
}
.grid-vid figcaption h1 {
	margin: 0;
	padding: 10px 0;
	color: #fff;
    font-size: 2em;
    letter-spacing: 3px;
}
.grid-vid figcaption h1:first-of-type {
    margin-top: 20%;
}
.grid-vid figcaption span:before {
	content: '';
}

.grid-vid figcaption a {
	text-align: center;
	padding: 0px 10px;
	border-radius: 2px;
	display: inline-block;
	color: #fff;
    
    
}
.cs-style-2 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	backface-visibility: hidden;
	transition: transform 0.3s, opacity 0.3s;
}
.no-touch .cs-style-2 figure:hover figcaption,
.cs-style-2 figure.cs-hover figcaption {
	opacity: 1;
	transform: translate(0px, 0px);
}

.cs-style-2 figcaption span {
	display: block;
}
   
    .contact
    {
        width: 100%;
        margin: 0 auto;
        font-size: 2em;
    }
    .contact h1:first-of-type {
    margin-top: 5%;
}
    .contact h1{
    font-size: 3em;
    padding: 0;
    margin-bottom: 0 px;
}
.contact h1:first-of-type {
    margin-top: 0;
}
.contact h3{
    margin-bottom: 10px; 
    margin-top: 20px;
}

    .network {
    width:55px;
    height:55px;
    margin: 1em;
    display: inline-block;
}

   
}
@media (min-width:1200px) { 
    /* hi-res laptops and desktops */ 

section #description {
    top:22%;
    height: 61vh;
    overflow: hidden;
    }
    .main {
        max-width: 800px;
        height: 100%;
        margin: 0 auto;
    }
    
    #video {
        width: 500px;
        margin: 0 auto;
    }
    .albuminfo {
        width: 650px;
        padding: 5px 0;
        margin: 0 auto;
        
    }
    .artwork{
        width: 39%;
        text-align: right;
        display: inline-block;
        margin-right: 1em;
    }
    .artwork img{
        width: 40%;
        -webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
    }
    .albumtext {
        width: 60%;
        text-align: left;
        display: inline-block;
    } 
    .albumtext img{
        width:86%;
    }
    footer h1 {
    font-size: 2em;
    padding: 0;
    margin: 0;
        
        
}footer {
            height: 15vh;
        }
hr.blog {
    width:20%;
    background-color: white;
    border: 0;
    margin: 0 auto;
    display: block;
}
     h1.header {
        display:none;
    }
     
    .text {
        width: 900px;
        height:100%;
        overflow-y: scroll;
        word-wrap: normal;
         overflow-x: hidden;
         text-align: justify;
        padding-right:20px;
    }
    .text img{
          float: right;
        margin-left: 2px;
          width: 40%;
          -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
      }
    
    .bit-widget-container {
	font-family: BElight !important;
	font-size: 1em !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	overflow: hidden !important;
	border: none !important;
	max-width: 960px;
	margin: 0 auto;
        white-space: normal !important;
        text-align: center !important;
    
}
    tr.bit-events {
        border: none !important;
    }
   
    th.bit-date, th.bit-venue, th.bit-location, th.bit-tickets {
       font-size: 2em;
        text-align: center !important;
    }
    tr.bit-date a, tr.bit-venue a, tr.bit-location a, tr.bit-tickets {
        font-size: 1.5em !important;
        
    }
    .bit-events td {
	border: none !important;
        text-align: center !important;
        padding: 25px 0 !important;
        
}
    td.bit-tickets {
        width:134px !important;
        text-align: center !important;
        padding-left: 60px !important;
    }
    td.bit-tickets a {
        text-align: center !important;
        background: #000;
        letter-spacing: 2px;
        font-weight: bold;

    }
    td.bit-rsvp {
        display: none !important;
    }
    .releases {
        width: 100%;
        height:600px;
        margin: 0 auto;
        
    }
    .av {
        height:600px;
        width: 100%;
        
    }
    .title {
        width: 100%;
        margin: 0 auto;
        text-align: left;
        max-width: 960px;
    }
    .title h1{
        font-size: 1.7em;
        padding: 0;
        margin: 0;
        
    }
 .releases {
    height:600px;
    width: 100%;
margin: 0 auto;
text-align: center;
}
    
  .grid {
	padding: 20px 20px 0px 10px;
	width: 960px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid li {
	display: inline-block;
	width: 175px;
    height: 175px;
	margin: 0;
	padding: 10px;
	text-align: left;
	position: relative;
}

.grid figure {
	margin: 0;
	position: relative;
}
.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
   -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
}
.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px;
	background-color:rgba(0,0,0,0.6);
	color: #fff;
    vertical-align: middle;
}
.grid figcaption h1 {
	margin: 0;
	padding: 10px 0;
	color: #fff;
    font-size: 2em;
    letter-spacing: 3px;
}
.grid figcaption h1:first-of-type {
    margin-top: 20%;
}
.grid figcaption span:before {
	content: '';
}

.grid figcaption a {
	text-align: center;
	padding: 0px 10px;
	border-radius: 2px;
	display: inline-block;
	color: #fff;
    
    
}
.cs-style-1 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	backface-visibility: hidden;
	transition: transform 0.3s, opacity 0.3s;
}
.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
	opacity: 1;
	transform: translate(0px, 0px);
}

.cs-style-1 figcaption span {
	display: block;
}
.grid-vid {
	padding: 0;
	list-style: none;
    margin: 0 auto;
	text-align: center;
    width: 100%;
}

.grid-vid li {
	display: inline-block;
	width: 200px;
    height: 113px;
	margin: 0;
	padding: 10px;
	text-align: center;
	position: relative;
}
.grid-vid figure {
	margin: 0;
	position: relative;
}
.grid-vid figure img {
	max-width: 100%;
	display: block;
	position: relative;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
}
.grid-vid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px;
	background-color:rgba(0,0,0,0.6);
	color: #fff;
    vertical-align: middle;
}
.grid-vid figcaption h1 {
	margin: 0;
	padding: 10px 0;
	color: #fff;
    font-size: em;
    white-space: normal;
    letter-spacing: 3px;
}
.grid-vid figcaption h1:first-of-type {
    margin-top: 20%;
}
.grid-vid figcaption span:before {
	content: '';
}

.grid-vid figcaption a {
	text-align: center;
	padding: 0px 10px;
	border-radius: 2px;
	display: inline-block;
	color: #fff;
    
    
}
.cs-style-2 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	backface-visibility: hidden;
	transition: transform 0.3s, opacity 0.3s;
}
.no-touch .cs-style-2 figure:hover figcaption,
.cs-style-2 figure.cs-hover figcaption {
	opacity: 1;
	transform: translate(0px, 0px);
}

.cs-style-2 figcaption span {
	display: block;
}
   
    .contact
    {
        width: 100%;
        margin: 0 auto;
        font-size: 2em;
    }
    .contact h1:first-of-type {
    margin-top: 5%;
}
    .contact h1{
    font-size: 2em;
    padding: 0;
    margin-bottom: 0 px;
}
.contact h1:first-of-type {
    margin-top: 0;
}
.contact h3{
    margin-bottom: 10px; 
    margin-top: 20px;
}

    .network {
    width:55px;
    height:55px;
    margin: 1em;
    display: inline-block;
}

   
      
}
@media (min-width:1600px) { /* large desktops */ 
    section #description {
    top:20%;
        height: 65vh;
    overflow: hidden;
    }
    .main {
        width: 960px;
        margin: 0 auto;
    }
    #video {
        width: 100%;
        margin: 0 auto;
        
    }
    .albuminfo {
        width: 100%;
        padding: 35px 0;
        margin: 0 auto;
        
    }
    .artwork{
        width: 29%;
        text-align: right;
        display: inline-block;
        margin-right: 1em;
    }
    .artwork img{
        width: 50%;
        -webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
    }
    .albumtext {
        width: 50%;
        text-align: left;
        display: inline-block;
    } 
    .albumtext img{
        width:90;
    }
    #description{
        
    }
    .text {
        height: 100%;
        width: 50vw;
        
    }
    .releases {
        padding-top: 1%;
        width: 100%;
        height: 100%;
        
    }  
    .av {
        height:100%;
    }
    .av h1{
        font-size: 2em;
    }
    .grid li {
	display: inline-block;
	width: 216px;
    height: 216px;
	margin: 0;
	padding: 10px;
	text-align: left;
	position: relative;
}
.grid-vid li {
	display: inline-block;
	width: 300px;
    height: 169px;
	margin: 0;
	padding: 10px;
	text-align: center;
	position: relative;
}
}