
.template-cover-img{	
    height: 350px;
}

div.cover-image-text{
	padding-top: 50px;
	text-shadow: 0px 0px 20px #000;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

@media only screen and (max-width: 1200px) {
	.content-template{
	width: 100%
	}		
	
	.template-cover-img{
    height: 160px
    }
}

@media only screen and (max-width: 450px) {	
    
    .header-event-name{
    	font-size: 3em !important;
    }
    
    div.cover-image-text{
		padding-top: 10px;
    }
    
    .payment-box{
    	width: 100%;
    }
    
}





body {
  position: relative
}

.content-template{
	width: 80%;
	float: none;
    margin: 0 auto;
    border-top: none;
}



.cover-image-text{
	width: 100%; 
	margin-top: 30px;
	
	color:white; 
	text-align: center;
}

#box-1 {
   order: 2;
}
#box-2 {
   order: 1;
   width: 100%;
}
#box-3 {
   order: 3;
}

@media only screen and (min-width: 991px) {
	#box-2{
		display:none;
	    width:0;
	    height:0;
	    opacity:0;
	    visibility: collapse;
	}
		
}

@media only screen and (max-width: 991px) {
	#box-3 .regButton1{
		display:none;
	    width:0;
	    height:0;
	    opacity:0;
	    visibility: collapse;
	}
}
	
	
@media only screen and (min-width: 991px) {
	
	#div-panel-rigth-mobile{
		display: none;
	}
	
	.cover-image-text{
		font-size: 60px !important;
	}
		
}		

@media only screen and (min-width: 451px) {
	.payment-box{
    	width: 50%;
    }
}


@media only screen and (max-width: 991px) {
	.content-template{
		width: 100%
	}		
	
	.no-padding{
		padding: 0px;
	}
    
    #a-cover{
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
	
	#a-cover .panel{
		margin: 0px;
	}
	
	.content-template{
		padding-top: 0px;
	}
	
	#div-panel-rigth{
	display: none;
	}
	
	#div-panel-rigth-mobile{		
		height: 120px;
		overflow-y: hidden;
	}
	
	#div-panel-rigth-mobile h2{
		font-size: 26px;
	}
	
	#box-1{
		margin: 0px;
		padding: 0px;
	}
		
			
}


@media only screen and (max-width: 450px) {	                	
	
	.panel{    	
    	overflow-x: auto;
    	#white-space: nowrap;
    	width: 100%;    	
    }
	
}