@charset "UTF-8";
/* CSS Document */

body {	
	 
		background-size:cover;
      background-color:#a54e9e !important;
	  margin:0;
	  padding:0;
	  clear:both;
	 font-family: 'Quicksand', sans-serif;


}

.clearfix {clear:both;}

#main {
	width:100%;
	display:block;
	 background-color:#a54e9e;
	 /*flex-wrap:wrap;
	height:100vh; */
	 


}
a:hover{
	text-decoration: none;
}
.postcard{

	width:100%;

}
.postcardImg{

	width:100%;
	position:relative;
}

#bottom-info{

	/*opacity:0.95; */
	 
	  background-color:#a54e9e;
	width:100%;
	height:220px;
	position: fixed;
    bottom: 0;
     color:white;

      
}

.btn{

	display: block;
}

.btn-buy{

	width:220px;
	height:60px;
	background-color:white;
	border-radius:12px;
	border-style:solid;
	border-width:3px;
	border-color:#a54e9e;
     vertical-align: center;
     position:absolute;
	font-family: 'Quicksand', sans-serif;
    top:30%;
    left:50%;
    font-size:150%;
    padding:11px;
    margin-left:-110px;
    margin-top:-30px;
    text-decoration: none;
     text-transform: uppercase;

}
.btn-buy:hover{
	text-decoration: none;
}
.btn-buy:focus{
	text-decoration: none;
}

.buyTix a{
		 
	 
	margin-top:10px;

		 
}
a:hover{
		 
	 
	margin-top:10px;
	text-decoration: none;

		 
}
	

.panel{
	
	
	
}
.info>p{

position: relative;
line-height: .6;	


}
.info>h3{
position: relative;
line-height: .6;	
}

.left-info{

	 

	 position:relative;
	float:left;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	 
	
}


.right-info{

	
	 
	position:relative;

	float:right;
	text-align: center;
	
}







.info{
	/*width:18%;*/
	padding:40px 0 40px 40px; 
	width:50%;
}

.artists{
	width:75%;
	padding:20px 0;
}

.artists img {
    max-height: 90vh;
    width: auto;
}


.tickets{
	position:absolute;
	bottom:40px;
}	

.title{ margin-bottom:18px; }

.tickets ul{ padding:0; margin:0; }
.tickets li{
	display:inline-block;
	list-style:none;
	margin-right:18px;
	padding:0;
}

.tickets a{ 
	display:inline-block;

	-webkit-filter: brightness(100%);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.tickets a:hover{
	-webkit-filter: brightness(150%);
}
.video ul{ padding:0; margin:0; }
.video li{
	display:inline-block;
	list-style:none;
	margin-right:18px;
	padding:0;
}

.video a{ 
	display:inline-block;
	text-decoration: none;
	font-family: 'Arial';
	-webkit-filter: brightness(100%);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.video a:hover{
	-webkit-filter: brightness(150%);
}
	
.mobile{ display:none; }
img.mobile{ max-width:100%; height:auto; }	
	
@media (max-width:1200px) {
	
}
@media (max-width:950px) {
	
}
@media (max-width:750px) {






	
	.mobile{ display:block; }
	.desktop{ display:none; }
	
	#main {
	    height: auto;
	    display: block;
	   /* padding: 0 40px;*/
		width:auto;
	}

	#bottom-info{

	/*opacity:0.95; */
	 
	  background-color:#a54e9e;
	width:100%;
	height:auto;
	position: relative;
    bottom: 0;
     color:white;

      
}
	.buyTix{

		margin: 0 auto;
}
	
	 .btn-buy{

	width:120px;
	height:40px;
	background-color:white;
	border-radius:12px;
	border-style:solid;
	border-width:3px;
	border-color:#a54e9e;
     vertical-align: center;
     position:absolute;
	 
    top:20%;
    left:50%;
    font-size:100%;
    padding:7px;
    margin-left:-60px;
    margin-top:-30px;
    text-decoration: none;
     text-transform: uppercase;

}
	
	.info {
	    width: 100%;
	    padding: 40px 0 0;
	}

	.postcard{

	width:100%;
}
	
	 
	
}
@media (max-width:650px) {	
	
}
@media (max-width:550px) {	
	
}
@media (max-width:340px) {	
	
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
}