section.season header
{
	border-bottom: 1px solid;

	display: grid;

    grid-template-areas: "logo1 logo2" "h1 h1";
}

section.season header h1
{
    margin-bottom: 0;
	border-bottom: 0;
}

section.season header p
{
	font-size: 0;
	align-self: center;
}

section.season header p.plano
{
	grid-area: logo1;
    margin-left: auto;
}

section.season header p.tcota
{
	grid-area: logo2;
}

section.season header p.plano::before
{
	content: url(/images/plano_link_2013.gif);
}

section.season header p.tcota::before
{
	content: url(/images/tca_horizontal_reverse.gif);
}

section.season li .tickets
{
	margin: 1rem 0;
}

@media(min-width: 600px)
{
	section.season header
	{
		margin-bottom: 3rem;
	}

	section.season ul
	{
		list-style: none;
		margin: 3rem 0;
		padding: 0;
	}

	section.season li + li
	{
		margin-top: 2rem;
	}

	section.season .show_details
	{
		background: none;
		position: relative;
	}

	section.season .show_details *
	{
		position: relative; /* if this isn't done, z-index: -1 caused problems in Light Mode ??? */
	}

	section.season .show_details::before
	{
		content: "";
		opacity: 0.2;
	/* 	z-index: -1; */
		background-size: cover;
		background-position: center center;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
}

@media(min-width: 760px) and (max-width: 899px), (min-width: 960px)
{
	section.season header
	{
	    align-items: end;
		grid-template-areas: "h1 logo1 logo2";
		grid-template-columns: 5fr 1fr 1fr;
	}
}