@font-face
{
	font-family: "din";
	src: url("https://iwantmorederby.com/css/d-din.otf");
}

@font-face
{
	font-family: "din-condensed";
	src: url("https://iwantmorederby.com/css/D-DINCondensed.otf");
}

@font-face
{
	font-family: "din-exp";
	src: url("https://iwantmorederby.com/css/D-DINExp.otf");
}



@media screen and (min-width: 600px)
{
	.event-date
	{
		padding: 25px 0px 8px 12px;
		font-size: 20px;
		font-weight: bold;
		font-family : "din-exp", Arial, verdana, helvetica, sans-serif;
	}

	#event-container
	{
		border: solid 1px #202020;
		border-radius: 6px;
		padding: 5px;
		font-family : "din", Arial, verdana, helvetica, sans-serif;
	}

	.event-info
	{
		width: 60%;
		flex-wrap: wrap;
		display: inline-flex;
	}


	.event-name
	{
		font-size: 24px;
		font-weight: bold;
		padding: 10px;
	}

	.event-under-name
	{
		width: 100%;
		flex-wrap: wrap;
		display: inline-flex;
	}

	.event-general
	{
		width: 50%;
		padding: 0px 5px 0px 0px;
	}

	.event-host
	{
		font-size: 14px;
		font-style: italic;
		padding: 5px 0px 5px 0px;
	}

	.event-host-icon
	{
		width: 30px;
		height: 30px;
	}

	.event-doors
	{
		font-size: 18px;
		padding: 0px 0px 5px 0px;
	}

	.event-venue-container
	{

	}

	.event-venue-name
	{
		font-size: 18px;
		font-weight: bold;
	}

	.event-venue-address
	{
		font-size: 16px;
	}

	.event-venue-city
	{
		font-size: 18px;
	}

	.event-access
	{
		width: 50%;
		display: inline-block;
	}

	.event-website
	{
		font-size: 16px;
		padding: 5px 0px;
	}

	.event-ticket
	{
		font-size: 18px;
		font-weight: bold;
		padding: 5px 0px;
	}

	.event-stream
	{
		font-size: 16px;
		padding: 5px 0px;
	}

	.bouts-side
	{
		width: 40%;
		flex-wrap: wrap;
		display: inline-flex;
	}

	.bouts-container
	{
		width: 100%;
		display: inline-block;
	}

	.bout-container
	{
		width: 100%;
		flex-wrap: wrap;
		display: inline-flex;
	}

	.bout-detail
	{
		width: 100%;
	}

	.bout-box
	{
		width: 100%;
		flex-wrap: wrap;
		display: inline-flex;
	}


	.bout-time
	{
		font-size: 16px;
		background-color: #d0d0d0;
		font-weight: bold;
	}

	.bout-icon
	{
		padding: 10px;
	}

	.bout-half
	{
		width: 50%;
		display: inline-block;
		text-align: center;
	}

	#bout-team
	{
		font-family : "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-weight : bold;
		padding: 0px 0px 5px 0px;
		font-size: 20px;
		text-transform: uppercase;
	}

	.team-icon
	{
		height: 60px;
	}




}



@media screen and (max-width: 599px)
{
	.event-date
	{
		padding: 25px 0px 8px 12px;
		font-size: 16px;
		font-weight: bold;
		font-family : "din-exp", Arial, verdana, helvetica, sans-serif;
	}

	#event-container
	{
		border: solid 1px #202020;
		border-radius: 6px;
		padding: 5px;
		font-family : "din", Arial, verdana, helvetica, sans-serif;
	}

	.event-info
	{
	}


	.event-name
	{
		font-size: 20px;
		font-weight: bold;
		padding: 10px;
	}

	.event-under-name
	{
		width: 100%;
		flex-wrap: wrap;
		display: inline-flex;
	}

	.event-general
	{
	}

	.event-host
	{
		font-size: 14px;
		font-style: italic;
		padding: 5px 0px 5px 0px;
	}

	.event-host-icon
	{
		width: 30px;
		height: 30px;
	}

	.event-doors
	{
		font-size: 18px;
		padding: 0px 0px 5px 0px;
	}

	.event-venue-container
	{

	}

	.event-venue-name
	{
		font-size: 18px;
		font-weight: bold;
	}

	.event-venue-address
	{
		font-size: 16px;
	}

	.event-venue-city
	{
		font-size: 18px;
	}

	.event-access
	{
	}

	.event-website
	{
		font-size: 16px;
		padding: 5px 0px;
	}

	.event-ticket
	{
		font-size: 18px;
		font-weight: bold;
		padding: 5px 0px;
	}

	.event-stream
	{
		font-size: 16px;
		padding: 5px 0px;
	}

	.bouts-side
	{
	}

	.bouts-container
	{
		width: 100%;
		display: inline-block;
	}

	.bout-container
	{
		width: 100%;
		flex-wrap: wrap;
		display: inline-flex;
	}

	.bout-detail
	{
		width: 100%;
	}

	.bout-box
	{
		width: 100%;
		flex-wrap: wrap;
		display: inline-flex;
	}


	.bout-time
	{
		font-size: 16px;
		background-color: #d0d0d0;
		font-weight: bold;
	}

	.bout-icon
	{
		padding: 10px;
	}

	.bout-half
	{
		width: 50%;
		display: inline-block;
		text-align: center;
	}

	#bout-team
	{
		font-family : "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-weight : bold;
		padding: 0px 0px 5px 0px;
		font-size: 20px;
		text-transform: uppercase;
	}

	.team-icon
	{
		height: 60px;
	}




}