.main-container{
		width:100vw;
	}
	
	.home .main-container{
		height: 100vh;
		box-shadow: inset 0 0 40px #fff;
	}
	
	.main-container .inner{
		position: relative;
		bottom: 0;
		left: 0;
		padding: 0;
/*		max-height: calc(100vh - 300px);*/
/*		margin-top: 200px;*/
	}
	
	.home .main-container .inner{
		max-height: calc(100vh - 200px);
	}
/*
	.topbar{
		height:152px;
	}
	
	.topbar .logo{
		position: absolute;
		right: 20%;
		height: 152px;
	}
*/
	
	
	.tickets{
		display: flex;
		flex-flow: wrap;
		width: 100%;
	}
	
	.tickets div{
/*		border: 1px solid;*/
		padding-bottom: 10%;
		display: flex;
		align-items: flex-end;
		justify-content: center;
	}
	
	
	.tickets div.ticket{
		width: 18.7%;
		max-width: 300px;
	}
	
	.tickets div.track{
		width: 5%;
/*		padding-top: 25%;*/
		position: relative;
	}
	.tickets div.track.left, .tickets div.track.right{
		width: auto;
		flex: 1;
	}
	.tickets div.track.left{
		justify-content: flex-end;
	}	
	.tickets div.track.left img.mobile-only{
		max-width: 100%;
		width: 100%;
	}
	.tickets div.track.left img.non-mobile{
		max-width: 80px;
		width: 120%;
	}
	
	.tickets div.track.right{
		justify-content: flex-start!important;
	}
	.tickets div.track.right div img{
		max-width: 80px;
		width: 120%;
	}
	
	.tickets div.ticket img{
		max-width: 300px;
		width: 100%;
	}
	

	.tickets div.track.mid{
		max-width: 80px!important;
	}
	.tickets div.track.mid img{
		width: 100%;
	}
	
	.mobile-only{
		display: none;
	}
/*
	.non-mobile{
		display: block;
	}
*/



	/* section-2-cols */
	
	.section-2-cols{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.section-2-cols>div{
		width: 48%;
	}
	
	.section-2-cols > div.text{
		padding: 80px;
	}
	.section-2-cols > div.text p{
		font-size: 20px;
		text-align: center;
		line-height: 120%!important;
	}


	




	.footer-bar{
		width: 100%;
		display: flex;
		height: 100px;
		padding: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		color: #17428E;
	}

	@media (max-width: 800px) {
		.footer-bar{
			font-size: 16px;
		}
	}
	



	
	@media (max-width: 800px) {
		.section-2-cols{
			flex-direction: column;
		}
		.section-2-cols>div{
			width: 100%;
		}
	}
	
	@media (max-width: 480px) {
		.main-container .inner{
		margin-top: 0;
/*			margin-top: 80px;*/
		}
	}
	
	@media (max-width: 400px) {
		
		.mobile-only{
			display: block;
		}
		.non-mobile{
			display: none!important;
		}
		.main-container{
			height: auto!important;
/*			padding-top: 100px;*/
			padding-bottom: 80px;
		}
		.main-container .inner{
			height: auto!important;
			position: relative;
			max-height: none!important;
		}
		.tickets{
			flex-direction: column;
		}
		
		.tickets div{
			display: flex;
			justify-content: center;
			width: 100%!important;
			max-width: none!important;
			padding-bottom: 0;
		}
		
		.tickets  .ticket{
			padding-left: 20px;
			padding-right: 20px;
		}
		
		.tickets div.track{
			padding-top: 0;
		}
		.tickets div.track.mid{
			max-width: none!important;
		}
		.tickets div.track.mid img{
			width: 23%;
			transform: rotateZ(90deg);
		}
		
		.tickets div.track.left{
			justify-content: flex-start;
		}
		
		.section-2-cols > div.text{
			padding: 20px;
		}

	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.justify-center{ justify-content: center; }
		.justify-between{ justify-content: space-between; }
		.justify-around{ justify-content: space-around; }
		
		.align-start{ align-items: flex-start; }
		.align-center{ align-items: center; }
		.align-end{ align-items: flex-end; }
		
		.flex-responsive{
			display: flex;
		}
		
		
		@media (max-width: 800px){
			.flex-responsive{
				flex-direction: column;
			}
			
			.flex-responsive > div{
				width: 100%;
			}
		}