#ticket_content {
	display: grid;
	grid-template-columns: auto 512px;	
	justify-items: stretch;
}

#ticket_content h1 {
	text-align: center;
}

#ticket_content hr {
	border-top: 5px solid #ffc535;
	max-width: 300px;
}

.ticket_image {
	background-color: white;
	text-align: center;
	margin: 20px;
	padding: 20px;

}


.ticket_image > img {
	width: 100%;
	max-width: 619px;
}

.info-area {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}

.info-area > div {
	flex-grow: 4;
	
	background-color: white;

	margin: 20px;
	padding: 20px;

	text-align: center;

}

#gmap-tickets {
	border: 0px solid #1b9df3;
	border-radius: .25rem;
	
	width: 100%;
	height: 100%;

	min-height: 178px;
}

.ticket {
	background-color: white;
	/* text-align: center;  */
	margin: 20px;
	padding: 20px;

	display: grid;
	grid-template-columns: 50% 50%;


}

.form-check-label {
	width: 100%;
}

.price {
	float: right;
	margin-right: 20px;
}

.input-number {
	text-align: center;
}

.total {
	margin-top: 20px;
}




.btn-number {
	width: 50px;
}

.add-to-cart {
	font-size: 30px;
	line-height: 30px;
}

.view-cart-btn {
	font-size: 30px;
	line-height: 45px;
	margin: 20px;
	width: 93%;
	color: #fff !important;
	font-weight: normal !important;
}



.btn-secondary {
    color: #fff;
    background-color: #d91d0d;
    border-color: #d91d0d;
}
.btn-secondary:hover {
 color:#fff;
 background-color:#ea3a2b;  
 border-color:#ea3a2b;
 
 /* background-color:#5a6268;  
 	border-color:#545b62;
 */
}
.btn-secondary.focus,
.btn-secondary:focus {
 color:#fff;
 background-color:#d91d0d;
 border-color:#d91d0d;
 box-shadow:0 0 0 .2rem rgba(130,138,145,.5)
}
.btn-secondary.disabled,
.btn-secondary:disabled {
 color:#fff;
 background-color:#6c757d;
 border-color:#6c757d
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
 color:#fff;
 background-color:#545b62;
 border-color:#4e555b
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
 box-shadow:0 0 0 .2rem rgba(130,138,145,.5)
}












@media only screen and (max-width: 1050px) {
	.ticket_image {
		
		display: none;
	}
}

@media only screen and (max-width: 1045px) {
	#ticket_content {
    	grid-template-columns: auto;
    
	}
	#tickets_for_sale {
		grid-area: 1/1;
	}
}

@media only screen and (max-width: 560px) {
	.ticket {
		font-size: 20px;
	}

	.btn-number {
		width: 44px;
	}

	.add-to-cart {
	    font-size: 25px;
	    line-height: 25px;
	}
}


}




@media only screen and (max-width: 530px) {
	.info-area {
    	display: block;
    }
}

@media only screen and (max-width: 490px) {
	.ticket {
    	display: block;
    }
}