@media (orientation: landscape) {
	html {
		font-size: 15pt;
	}
}

@media (orientation: portrait) {
	html {
		font-size: 18pt;
	}
}


body {

	background-image: url(/img/background.svg);
	background-size: 300px auto;
	background-color: #1A5D32;

	margin: 0;
}

body>h1 {
	margin: 0;
	border: 0;

/* black */
//	background-image: url('/img/headerlogo.svg'), url('/img/headercards.png'), linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(0, 0, 0,1) 10%);
//	background-size: contain, auto 180%, 100% 100%;

/* green */
//	background-image: url('/img/headerlogo.svg'), url('/img/headercards.png'), linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(0,127,70,1) 10%);
//	background-size: contain, auto 180%, 100% 100%;

/* wood */
	background-image: url('https://smokenacespoker.com/assets/svg/smokenaces.svg'), url('/img/headercards.png'), url('/img/wood.png');
	background-size: contain, auto 180%, 100% 90%;

	background-position: 10px 10px, top right, 0 0;
	background-repeat: no-repeat, no-repeat, repeat;
	max-height: 128pt;
	padding: 64pt 0 0 128pt;
	color: white;
	font-size: 2em;
	font-family: impact;
	text-transform: capitalize;
   	-webkit-text-stroke: 1pt black;
}

@media (orientation: landscape) {
	.column {
		margin: 25pt 0 0 0;
		padding: 0;
		border: none;
		display: inline-block;
		max-width: 32%;
		min-width: 32%;
		vertical-align: top;
	}

	.left {
	margin-left: 1% !important;
	margin-right: 0.5% !important;
	}

	.middle {
		margin-left: 0.5% !important;
		margin-right: 0.5% !important;
	}

	.right {
		margin-left: 0.5% !important;
		margin-right: 1% !important;
	}

	#tabs {
		display: none;
	}

}

@media (orientation: portrait) {
	.column {
		margin: 50pt 0 0 0;
		padding: 0;
		border: none;
		display: block;
		vertical-align: top;
	}

	.left {
		margin-left: 1% !important;
		margin-right: 1% !important;
		display: block;
	;}

	.middle {
		margin-left: 1% !important;
		margin-right: 1% !important;
		display: none;
	}

	.right {
		margin-left: 1% !important;
		margin-right: 1% !important;
		display: none;
	}

	#tabs {
		margin-top: 0.5em;
		text-align: right;
		font-size: 2em;
		font-family: impact;
		color: white !important;
		display: block;
		text-align: center;
	}

	#tabs>span {
		cursor: pointer;
		padding: 5pt;
		min-width:30%;
		display:inline-block;
		text-transform: uppercase;
		background-color: #007F46;
	}

	#tabs>span {
		background-color: #00C26B;
	}

	#tabs>span:hover {
		background-color: #009546;
	}

}

.column h1 {
	letter-spacing: 0.025em;
	padding: 0;
	margin: 0;
	display: block;
	color: red;
	border-width: 3pt;
	border-color: black;
	border-style: none none solid none;
	text-transform: uppercase;
	text-align: center;
	font-family: impact;
	font-size: 2.25em;
}

.column h2: first-letter{
	text-transform: uppercase !important;
}

.column h2 {
	text-align: center;
	font-family: impact;
	font-size: 1.5em;
	text-transform: lowercase;
}

.footer {
	color:white;
	text-align: center;
}

.ticket {
	border: solid black 2px;
	background-color: #C8C65D;
	text-align: center;
	padding: 10pt;
	margin: 1em 0 0 0;
}

.ticket p {
	padding: 0 !important;
	margin: 0 !important;
}

.ticket h2{
	padding: 0 !important;
	margin: 0 !important;
}

.balance {
	font-size: 4em;
	font-family: impact;
}

.note {
	font-size: 0.75em;
	font-family: arial;
}

button.previous {
	display:inline;
}

button.next {
	display:inline;
	margin-left:5em;
}

button {
	margin-top:1em;
	background-color: #007F46;
	border-radius: 18pt;
	border: none;
	cursor: pointer;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'SF Pro', Arial;
	font-size: 1em!important;
	padding: 1em 2em;
	text-decoration: none;
}

button:hover {
	background-color: #009546;
}

button:active {
	position: relative;
	top: 1px;
}


/* sign up page */


.error {
	color:red;
	font-weight: bold;
}

select, input[name='firstname'], input[name='lastname'] {
	display:inline!important;
	width:9em!important;
}

input[type='checkbox'] {
	zoom:2;
	margin: .25em 0 0 0!important;
	display:inline!important;
	width: 1em!important;
}

input[name='zip'] {
	display:inline!important;
	width:4em!important;
}

input::invalid {
	background-color: pink;
}

input, select {
	width:20em;
font-size:1.10em;
display:block;
margin: 0.5em;
}

.page {
	border: solid 1px green;
	background-color: rgba(0,0,0,0.4);
	color:white;
	padding:1em auto;
	margin:auto;
	width:75%;
}

.page div {
	margin: 3em;
}

a {
	color:white;
	font-weight: bold;
}

div h1{
text-transform: capitalize;
margin-left:1em;
}