html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  font-family: Helvetica, Verdana, Geneva, Tahoma, sans-serif;

}

header {
    /* background-color: #ffc718; */
    /* height: 114px !important; */
		margin-bottom: 60px;
}


.pin-container {
	width: fit-content;
	max-width: 90%;
	margin-bottom: 200px;
}

.confirm-container {
		width: fit-content;
	max-width: 90%;
	margin-top: 40px;
  margin-bottom: 40px;
}

.giftcard-container {
			width: fit-content;
	max-width: 90%;
	margin-top: 40px;
  margin-bottom: 40px;
}

.congrats-container {
			width: fit-content;
	max-width: 90%;
	margin-top: 40px;
  margin-bottom: 40px;
}

.registration-container {
				width: fit-content;
	max-width: 90%;
	margin-top: 40px;
  margin-bottom: 140px;
}

.btn-primary {
  background-color: #F40009;
  border-color: #F40009;
}

.btn-leaderboard {
  background-color: orange;
  border-color: orange;
  color: white;
}

.btn-leaderboard:hover {
  background-color:rgb(160, 107, 8);
  border-color: rgb(160, 107, 8);
}

.btn-leaderboard:disabled {
  background-color: orange;
  border-color: orange;
  color: white;
  opacity: 0.7;
  cursor: not-allowed;
}

.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.navbar {
  font-size: large;
}