:root {

	--jumbotron-gradient:linear-gradient(180deg, #DE8716 0%, #160D02 60.27275219298246%, #000000 100%);
	--gradient-bg:linear-gradient(180deg, #DE8716 0%, #3d2301 100%);
	--jumbotron-height:400px;

	--navbar-height:90px;
	--accent-color:#844e00;
	--accent-color-lighter:#c78a32;
	--gradient-bg:linear-gradient(180deg, #DE8716 0%, #3d2301 100%);
	--bgcolor:#fff;
	--text-color:#000;
	--textcolor:#000;
	--overlay-color:rgba(0,0,0,0.2);

}

body, html {
	margin:0; padding:0;
	font-family:"Nunito", Arial, Helvetica, sans-serif;
	font-size:14pt;
	color:#fff;
	background-color:#000;
}

#headline, .headline {
	font-size:2rem;
	color:#c78a32;
}
#headline {text-align:center;margin-bottom:45px;}

a {color:#844e00;}
a:hover {color:#c78a32;}

button, .btn, .btn-primary {
	background:var(--gradient-bg);
	color:#fff;
	border-radius:4px;
	border:none;
	height:40px;
	padding:0 15px;
	font-size:0.9rem;
}

#jumbotron {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:100vw;
	height:var(--jumbotron-height);
	background:var(--jumbotron-gradient);
	padding:1rem 2rem;
	box-sizing:border-box;
	gap:1rem;
}
#jumbotron > a {
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
	border:none;
	text-decoration:none;
}
#jumbotron img {
	height:calc(100% - 75px);
	object-fit:contain;
	pointer-events:none;
}
#jumbotron h3 {
	font-size:35px;
	font-weight:500;
	margin:0;
	text-align:center;
	pointer-events:none;
}
@media(max-width:867px) {#jumbotron h3 {font-size:25px;}}
@media(max-width:667px) {#jumbotron h3 {font-size:20px;}}


#main {
	margin:0 3rem;
	padding:2rem;
	min-height:25vh;
	background-color:#eee;
	color:#000;
}


footer {
	text-align:center;
	font-weight:300;
	letter-spacing: 0.2em;
	font-size:0.75em;
	margin:3rem;
	color:#ccc;
}

/* Square form */
#card-container {
    height: 75px !important;
}