@media screen and (max-width: 995px) {
	.desktop { display: inherit; }

	.mobile { display: none; }

	#ui-tabs-1.ui-tabs-panel {
		flex-direction: column-reverse;
	}

	.ui-tabs .ui-tabs-panel {
		padding: 0.7em 0.7em;
	}

	#page #top {
		padding: 0.5em 0 0 0;
	}

	/*
	#tabs h2:before {
		content: "";
		display: inline-flex;
		position: relative;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		margin-right: 10px;
		background-color: red;
		top: 0.3em;
	}
	*/
	#tabs h2 {
		margin: 1em 0 0.5em 0;
		font-weight: normal;
		position: relative;
		text-shadow: 0 -1px rgba(0, 0, 0, 0.6);
		line-height: 1.4em;
		background: #355681;
		background: rgba(53, 86, 129, 0.8);
		border: 1px solid #ffffff;
		padding: 5px 15px;
		color: white;
		border-radius: 0 10px 0 10px;
		box-shadow: inset 0 0 5px rgba(53, 86, 129, 0.5);
	}

	#page #top .logo {
		padding-left: 1em;
	}

	#page #top #text-header {
		background-color: #5b0b15;
		position: relative;
		left: 0;
		right: 0;
		padding: 0.4em;
		margin: 0;
	}

	#page #top .title {
		font-size: 1.5em;
		margin-top: 0;
		width: 60%;
		text-align: right;
		padding-right: 0.5em;
	}

	#page #content {
		padding-top: 0;
	}

	#event-detail {
		width: 100%;
	}

	.login-content {
		width: 100%;
	}

	.team-details .big, button.big {
		width: 80% !important;
	}

	.ui-dialog {
		width: 96% !important;
		position: fixed;
		margin: 0 auto !important;
	}

	.ui-widget-overlay {
		background-color: rgba(0, 0, 0, 0.8);
		position: fixed;
	}

	/*
	*/
	form.Zebra_Form table td:first-child {
		padding-left: 0 !important;
	}

	.signup-tab button {
		font-size: 1em !important;;
	}

}

@media screen and (max-width: 580px) {

	#page #bottom p {
		display: block;
		margin: 20px auto;
	}

	#page #footer #bottom {
		text-align: center;
	}

	#page #footer #bottom span {
		float: none;
		display: block;
		text-align: center;
		margin-top: 10px;
	}

	.signup-tab.payment-invoice textarea, .signup-tab.payment-invoice input {
		width: 200px;
	}

	.signup-tab table {
		margin: 0 auto;
	}

}

@media screen and (max-width: 500px) {
	#tabs h2 {
		font-size: 1.6em;
	}

	.desktop { display: none; }

	.mobile { display: inherit; }
}

@media screen and (max-width: 400px) {
	#footer {
		display: none;
	}

}