body {
			background-color: #114800;
			margin: 0;
		}

		a:link, a:visited { color: white; text-decoration: none; }
		a:hover { color: purple; }


		.content {
			width: 96%;
			max-width: 1100px;
			margin: 1.5% auto;
			background-color: white;
			border: 0.6em solid #663399;
			/* border: 0.6em solid #73299c; */
			font-size: 12px;
			font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
		}

		.content > div {
			margin: 0 10px;
		}

		.header {
			margin: 0 !important;
		}

		.intro-wrapper {
			display: flex;
		}
		.intro-left {
			flex: 0 0 59%;
			margin-right: 1%;
		}
		.intro-right {
			flex: 0 0 40%;
		}

		.intro-text {
			font-size: 16px;
			margin-bottom: 1.5em;
		}
		
		.stream-wrapper {
			display: flex;
			margin-bottom: 3em !important;
		}
		.stream-video {
			flex: 1 1 66%;
			margin-right: 1%;
		}
		.stream-chat {
			flex: 0 0 33%;
		}
		
		.embed-wrapper {
			position: relative;
			overflow: hidden;
			width: 100%;
			padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
			/* padding-top: 75%; 4:3 Aspect Ratio */
		}
		.embed-object {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			width: 100%;
			height: 100%;
		}

		.section-title {
			color: #430343;
			font-size: 16px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			text-align: center;
			background-color: #ffb908;
			padding: 1em;
			margin-bottom: 5px !important;
		}
			
		.gisd {
			margin: 5px 0;
			padding: 1em 1em 2em 1em;
		}
			
		.sponsors {
			column-count: 2;
			/* column-gap: 20px;
			column-rule: 5px solid white; */
			background-color: #fde3c3;
			margin: 5px 0;
			padding: 1em;
		}
		
		.sponsors ul {
			margin-top: 0;
  			padding-left: 18px;
		}
		.sponsors ul li {
			padding-bottom: 6px;
		}

		.footer {
			color: white;
			background-color: black;
			text-align: center;
			padding: 2em;
			margin: 3em 10px 10px 10px !important;
		}

		.schedule-wrapper {
			/* margin-bottom: 10px; */
			margin-bottom: 3em;
		}
		.schedule-title {
			color: white;
			font-size: 13px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			text-align: center;
			background-color: #330066;
			border-bottom: 1px solid white;
			padding: 1em;
			margin-bottom: 5px;
		}
		.schedule-date {
			color: white;
			font-weight: bold;
			padding: 0.4em 0.8em;
			background-color: #330066;
			border-bottom: 1px solid white;
			white-space: nowrap;
			vertical-align: top;
		}
		.schedule-cell {
			padding: 0.4em 0.8em;
			background-color: #dfcaff;
			border-bottom: 1px solid white;
			vertical-align: top;
		}
		.schedule-cell.team {
			font-weight: bold;
		}
		.schedule-cell.time{
			white-space: nowrap;
		}


		.alt .section-title {
			background-color: #ffeab4;
			color: #471975;
		}
		.alt .schedule-date {
			background-color: #eae5ef;
			color: #471975;
			border-color: #c1b2d1;
		}
		.alt .schedule-cell {
			background-color: white;
			color: #5b3284;
			border-color: #c1b2d1;
		}
		
		.alt .schedule-date.last {
			border-color: #eae5ef;
		}
		.alt .schedule-cell.last {
			border-color: #eae5ef;
		}




		@media only screen and (max-width: 860px) {
			.intro-wrapper {
				flex-wrap: wrap;
			}
			.intro-left {
				flex: 100%;
				margin-right: 0%;
			}
			.intro-right {
				flex: 0 0 100%;
				margin-top: 0;
			}

		}
		
		@media only screen and (max-width: 768px) {
			.stream-wrapper {
				flex-wrap: wrap;
			}
			.stream-video {
				flex: 100%;
				margin-right: 0%;
			}
			.stream-chat {
				flex: 0 0 100%;
				height: 400px;
			}

		}

		@media only screen and (max-width: 660px) {
			.sponsors {
				column-count: 2;
			}
			.sponsors ul {
				padding-left: 2em;
			}

		}

		@media only screen and (max-width: 420px) {
		  	.sponsors {
		  		column-count: 1;
		  		padding: 1em 4em;
			}
			.sponsors ul {
				padding-left: 1em;
			}
		}