@charset "utf-8";
/* Define basic HTML tags */

	html {
		height: 100%;
		width: 100%;
	}
	body {
		height: 100%;
		width: 100%;
		font: 14px Tahoma, Geneva, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #ccc;
		line-height: 1.6rem;
		text-align: center;
		background-color: #4d4d4d;
		background:
			#4d4d4d
			url(../images/bg.gif)
			repeat-x
			center bottom;
	}
	a {
		color: #f29400;
		text-decoration: none;
	}
	a:hover {
		color: #f29400;
	}
	strong {
		color: white;
		font-weight: bold;
	}
	input, select, textarea {
		color: #999;
		border: 1px solid #3c3c3c;
		background-color: #262626;
		line-height: 22px;
	}
	input:focus, select:focus, textarea:focus, input:hover, select:hover, textarea:hover {
		border: 1px solid #575757 !important;
	}
	
	h1 {
		font: 15px "CenturyGothicRegular", "Century Gothic", Arial, Helvetica, sans-serif;
		color: #ca6141;
		text-transform: uppercase;
	}
	h2 {
		font: 20px "CenturyGothicRegular", "Century Gothic", Arial, Helvetica, sans-serif;
		color: #ccc;
	}
	h3 {
		font: 17px Tahoma, Geneva, sans-serif;
		margin-bottom: 8px;
		font-weight: normal;
	}
	img {
	    max-width: 100%;
	    height: auto;
	}


/* classes */

	.doClear {
		clear: both;
		height: 0;
		margin: 0;
		padding: 0;
		line-height: 0;
		overflow: hidden;
	}
	
/* fonts */


			
/* layout */

#container {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 100vh;
}

#box {
	color: #bfbfbf;
	font-size: 24px;
}

@media only screen and (min-width: 1024px) {
	#box {
		width: 940px;
		display: flex;
		align-items: center;
	}

}

@media only screen and (max-width: 1023px) {
	#colB {
		margin-top: 2rem;
	}
}

@media only screen and (min-width: 768px) {

	#kiosk {
		width: 440px;
		margin: 0 auto;
	}

}


#list {
	font-size: 14px;
}


.tel {
	color: #f29400;
	font-weight: bold;
}