:root {
	--superRed: rgba(153, 11, 11, 0.83);
	--superSilver: rgb(160, 160, 160);
}
.navbar {
	background-color: rgba(255,255,255,0.55);
	border-bottom: 1px solid rgba(255,255,255,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	padding-top: .25rem;
	padding-bottom: .25rem;
	backdrop-filter: blur(8px) saturate(160%);
	-webkit-backdrop-filter: blur(8px) saturate(160%);
}
.navbar:before {
	filter: blur(8px);
}
.navbar .titleWrap {
	flex-grow: 2;
	margin-left: 10px;
}
.navbar h1{
	font-size: 16px;
	font-family: minervaModern;
	text-transform: uppercase;
	margin-bottom: 0;
	line-height: 1;
	position: relative;
	max-width: 100px;
	z-index: 1500;
}
.navbar-toggler {
	border: none;
	padding: .125rem .5rem;
	z-index: 1500;
}
.navbar-toggler:focus {
	box-shadow: none;
}
.navbar-brand {
	padding-top:.125rem;
	padding-bottom:.125rem;
	z-index: 1500;
}
.navbar-brand img{
	max-height: 35px;
}
.offcanvas {
	transition: all .4s ease-in-out;
}
.navbar .offcanvas {
	height: 100vh;
	backdrop-filter: blur(12px) saturate(160%);
    -webkit-backdrop-filter: blur(12px) saturate(160%);
	background-color: rgba(255,255,255,0.75);
	border-right: 1px solid rgba(153, 11, 11, 0.83);
}
.offcanvas.offcanvas-start {
	width: 100vw;
}
.navbar .offcanvas:before {
	filter: blur(12px);
}
.navbar-nav li {
	font-family: minervaModern;
}



@media (min-width: 992px) {
	.navbar {
		background-color: rgba(255,255,255,0.4);
	}
	.navbar h1{
		font-size: 1.5rem;
		max-width: 450px;
	}
}

@media (min-width: 1200px) {
	.navbar {
		backdrop-filter: blur(10px) saturate(160%);
		-webkit-backdrop-filter: blur(10px) saturate(160%);
	}
	.navbar:before {
		filter: blur(10px);
	}
	.navbar .offcanvas {
		width: 66%;
		padding: 50px;
	}
}

@media (min-width: 1900px) {
	.navbar .offcanvas {
		width: 66%;
		padding: 50px;
	}
}



@media (min-width: 2400px) {

}