@media (min-width: 769px) {
	#mobile-user {
		display:none;
	}
	#mobile-calendars {
		display: none;
	}
}
@media (max-width: 768px) {
	html {
		height:100%;
	}
	body {
		height:100%;
	}
	.guest {
		margin-right: 5px !important;
	}
	.mobile-home {
		/*max-height:100vh;
		max-height: calc(var(--vh, 1vh) * 100);
		max-width:100vh;*/
		overflow-x:hidden;
		height: 100%;
		position: fixed;
	}
	
	.mobile-header {
		background-color:#3C7E9E;
		border-bottom: 2px solid #1a1a1a;
		min-height: 10vh;
		min-height: calc(var(--vh, 1vh) * 10);
		max-height: 19vh;
	}
	
	.mobile-header-text {
		padding-top: 18px;
		color:white;
		font-size: 7vw;
		overflow-x: hidden;
		min-width:350px;
		text-align:center;
		font-weight: 900 !important;
	}
	
	.mobile-body{
		min-height:80vh;
		max-height:80vh;
		min-height: calc(var(--vh, 1vh) * 80);
		max-height: calc(var(--vh, 1vh) * 80);
		overflow-y:scroll;
		background-color:#DDD;
		width: 100vw;
		overflow-x: hidden;
	}
	
	.mobile-footer{
		max-height:10vh;
		min-height:10vh;
		min-height: calc(var(--vh, 1vh) * 10);
		max-height: calc(var(--vh, 1vh) * 10);
		background: white;
	}
	
	.footer-button {
		text-align:center;
		height:100%;
		margin-top: 10px;
	}
	
	.icon-25 {
		font-size:25px;
	}

	.card {
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
		transition: 0.3s;
		border-radius: 5px;
		background-color: #FFF;
		font-size:16px;
		font-family:"Arial" !important;
		font-weight: 600;
		margin: 5px;
	}
	.cardinner{
		padding: 5px;
		display:table;
	}
	
	.card hr {
		border:none;
		height: 1px;
		color: #ddd;
		background-color:#ddd;
		margin-left: 3px;
		margin-right: 3px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.levelshield {
		background-image:url(/img/icons/standard-badge-shield-blank.webp);
		background-repeat: no-repeat;
		width: 100px;
		height: 100px;
		display:table-cell;
		overflow:hidden;
		text-align: center;
		vertical-align: middle;
		font-size: 50px;
		font-weight: bold;
	}
	.levelshield .leveltext{
		position:relative;
		top: -15px;
	}

	.container {
		padding: 2px 16px;
	}
	
	
	.welcomebox {
		display: table-cell;
		text-align:center;
		width:70%;
	}
	.welcomeback {
		font-weight:normal;
	}
	
	.welcomename {
		font-size : 7vw;
		text-align:center;
	}
	
	.badge {
		display:block;
		color: #FFF;
		font-weight: 500;
		font-size: 30px;
		padding:0px !important;
		margin:0px !important;
		border-radius:0px 0px 5px 5px;
		text-align: center;
	}
	.weekend {background-color:#af2243;}
	.vig{background-color: #5eabc3; color:white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
	.press{background-color: #faeb45;}
	.friday{background-color: #0c56a2; color:white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
	.thursday{background-color: #2f5d2d; color:white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
	.saturday{background-color: #fcbf4b; color:white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
	.sunday{background-color: #873a96; color:white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
	.patron{background-color: #cfb36a;}
	.exhibitor{background-color: #ee1326; color:white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
	.guest{background-color: black; color: white;}
	.childs{background-color:#af2243;}
	.volunteer{background-color: #5ec095;}
	.staff{background-color: #f68c1f;}
	.buynow{background-color: white; color: #3C7E9E;}

	.eventtitle{
		font-size: 8vw;
		color:#337ab7;
	}
	.eventdetails {
		font-weight: normal;
	}
	.rules {
		font-style:italic;
	}
}