html {
	height: 100%;
}

@media ( min-width : 1200px) {
	.container {
		max-width: 720px;
	}
}

@media ( min-width : 768px) {
	.container {
		max-width: 720px;
	}
}

@media ( min-width : 576px) {
	.jumbotron {
		padding: 2rem 2rem;
	}
}

.navbar {
	padding-top: 0;
	padding-bottom: 0;
}

.navbar-top {
	background-color: #aad232 !important;
	background: linear-gradient(5deg, rgba(0, 159, 227, 1) 0%,
		rgba(170, 210, 50, 1) 75%);
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255);
}

.navbar-dark .navbar-toggler {
	color: rgba(255, 255, 255);
	border-color: rgba(255, 255, 255, 0.5);
}

a, .a:hover, .a:active, .a:visited {
	color: #009fe3;
}

.jumbotron {
	background: #fafafa;
	box-shadow: 5px 5px 40px 0px #000000DD;
	padding: 1rem;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited
	{
	background-color: #009fe3 !important;
	border-color: #009fe3 !important;
}

.token {
	outline: none;
	-webkit-appearance: none;
	border: 3px solid #000;
	border-radius: 5px;
	background-color: #fff;
	line-height: 60px;
	vertical-align: middle;
	height: 66px;
	font-size: 32px;
	/* 	width: 550px; */
	padding: 0 15px;
}

.token::placeholder {
	color: #ddd;
}

body {
	background: rgb(177, 172, 172);
	background: linear-gradient(45deg, rgba(220, 220, 220, 1) 0%, rgba(245, 245, 245, 1) 100%);
	background-attachment: fixed !important;
}

h1 {
	margin-top: 0 !important;
}

.error {
	color: #e31c23;
}

.positive {
	font-size: 4rem;
	color: #c00;
	background: #c002;
	border-radius: 5px;
}

.negative {
	font-size: 4rem;
	color: #070;
	border-radius: 5px;
	background: #0702;
}

.pending {
	color: #F67E16;
	border-radius: 5px;
	font-size: 3rem;
	font-weight: 500;
	background: #F67E1622;
	font-size: 3rem;
}

.position {
	font-weight: 500;
	font-size: 4rem;
}

.logo-small {
	display: none;
}

@media only screen and (max-width: 380px) {
	.btn-primary {
		font-size: 100%
	}
}

@media only screen and (max-width: 350px) {
	.positive, .negative, .pending {
		font-size: 3rem;
		padding: 0;
	}
	.logo-big {
		display: none;
	}
	.logo-small {
		display: inline;
	}
}