nav
{
	display:flex;
	background:#073291;
	align-items:center;
	position:fixed;
	width:100%;
	z-index:1;
	padding-left: clamp(0.75rem, 2vw, 2rem);
	overflow-x:hidden;
}
.logo
{
	height:15vh;
	width:8vw;
}
.menu,.menu a
{
	display:flex;
	gap: clamp(1rem, 2vw, 3rem);
	color:white;
	text-decoration:none;
	font-size:clamp(1.1rem,1vw, 1.3rem);
	font-weight:bold;
}
.menu label
{
	cursor:pointer;
}
details summary
{
	cursor:pointer;
}
.menu .home
{
	margin-left:5vw;
}
.box
{
	display:block;
	position:absolute;
	transform:translateX(-25%);
	top:5vw;
	background:white;
	color:black;
	box-shadow:0 10px 20px rgba(0,0,0,0.2);
	padding:0 1vw;
	border-radius:8px;
}
.menu p
{
	margin:.5vw 0vw;
	cursor:pointer;
	padding:.3vw;
}
.menu p:hover,.box details summary:hover
{
	background:rgba(0,0,0,0.3);
	border-radius:8px;
}
.box details summary
{
	padding:.3vw;
}
.register,.sponsor
{
	color:black;
	background:orange;
	border:none;
	font-size:1.2rem;
	font-weight:bold;
	padding:.3vw;
	border-radius:15px;
	cursor:pointer;
	margin-right:2vw;
	margin-left:2vw;
}
.register:hover,.sponsor:hover
{
	background:#e39505;
}
#bars
{
	color:white;
	display:none;
}
@media(max-width:767px){
nav{
	padding:0.5rem 1 rem;
	justify-content:space-between;
}
.logo{
	height:45px;
	width:auto;
}
.menu{
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	background:#0f3ea6;
	flex-direction:column;
	align-items:flex-start;
	padding:1rem;
	gap:1rem;
	display:none;
}
.menu.active{
	display:flex;
}
.menu a{
	font-size:1rem;
}
.box{
	position:static;
	transform:none;
	width:100%;
	padding:0.6rem;
}
.register,.sponsor{
	margin-left:0;
	width:auto;
	text-align:center;
	padding:0.3rem;
	font-size:1rem;
	display:none;
}
#bars{
	display:block;
	font-size:1.5rem;
	cursor:pointer;
	margin-right:20vw;
}
	.legacy_sposors
	{
		display:none;		
	}
}
@media(min-width:769px)and (max-width:991px){
nav
{
	display:flex;
	background:#073291;
	align-items:center;
	position:fixed;
	width:100%;
	min-width:unset;
	z-index:1;
	gap: clamp(4px, 0.8vw, 12px);
	padding-left:1vw;
}
.logo
{
	height:70px;
	width:70px;
}
.menu,.menu a
{
	display:flex;
	gap:7px;
	color:white;
	align-items:center;
	text-decoration:none;
	font-size:.75rem;
	font-weight:bold;
}
.menu label
{
	cursor:pointer;
}
details summary
{
	cursor:pointer;
}
.menu .home
{
	margin-left:1vw;
}
.box
{
	display:block;
	position:absolute;
	transform:translateX(-25%);
	top:90px;
	background:white;
	color:black;
	box-shadow:0 10px 20px rgba(0,0,0,0.2);
	padding:0 1vw;
	border-radius:8px;
}
.menu p
{
	margin:.5vw 0vw;
	cursor:pointer;
	padding:.3vw;
}
.menu p:hover,.box details summary:hover
{
	background:rgba(0,0,0,0.3);
	border-radius:8px;
}
.box details summary
{
	padding:.3vw;
}
.register,.sponsor
{
	color:black;
	background:orange;
	border:none;
	font-size:0.8rem;
	font-weight:bold;
	padding:.5vw;
	border-radius:15px;
	cursor:pointer;
	margin-left:0.9vw;
}
.register:hover,.sponsor:hover
{
	background:#e39505;
}
#bars
{
	color:white;
	display:none;
}
}
@media(min-width:992px) and (max-width:1199px){
nav
{
	display:flex;
	background:#0f3ea6;
	text-align-center;
	width:100%;
	justify-content:space-between;
	padding-left:1.5vw;
}
.logo
{
	height:70px;
	width:70px;
}
.menu,.menu a
{
	display:flex;
	gap: clamp(4px, 1vw, 10px);
	color:white;
	text-decoration:none;
	font-size:clamp(0.7rem,0.85vw, 0.95rem);
	font-weight:bold;
}
.menu label
{
	cursor:pointer;
}
details summary
{
	cursor:pointer;
}
.menu .home
{
	margin-left: clamp(1rem, 2vw, 3rem);
}
.box
{
	display:block;
	position:absolute;
	transform:translateX(-25%);
	top:5vw;
	background:white;
	color:black;
	box-shadow:0 10px 20px rgba(0,0,0,0.2);
	padding:0 1vw;
	border-radius:8px;
}
.menu p
{
	margin:.5vw 0vw;
	cursor:pointer;
	padding:.3vw;
}
.menu p:hover,.box details summary:hover
{
	background:rgba(0,0,0,0.3);
	border-radius:8px;
}
.box details summary
{
	padding:.3vw;
}
.register,.sponsor
{
	color:black;
	background:orange;
	border:none;
	font-size:1rem;
	font-weight:bold;
	padding:.5vw;
	border-radius:15px;
	cursor:pointer;
	margin-left:0.8vw;
	margin-right:3vw;
}
.register:hover,.sponsor:hover
{
	background:#e39505;
}
#bars
{
	display:none;
}
.legacy_sposors
{
	display:none;
}
}
@media(min-width:1200px) and (max-width:1399px){
nav
{
	display:flex;
	background:#0f3ea6;
	text-align-center;
	width:100%;
	justify-content:space-between;
	padding-left:1.5vw;
}
.logo
{
	height:70px;
	width:70px;
}
.menu,.menu a
{
	display:flex;
	gap: clamp(10px, 1vw, 15px);
	color:white;
	text-decoration:none;
	font-size:clamp(0.95rem,0.85vw, 1.5rem);
	font-weight:bold;
}
.menu label
{
	cursor:pointer;
}
details summary
{
	cursor:pointer;
}
.menu .home
{
	margin-left: clamp(3rem, 2vw, 4rem);
}
.box
{
	display:block;
	position:absolute;
	transform:translateX(-25%);
	top:5vw;
	background:white;
	color:black;
	box-shadow:0 10px 20px rgba(0,0,0,0.2);
	padding:0 1vw;
	border-radius:8px;
}
.menu p
{
	margin:.5vw 0vw;
	cursor:pointer;
	padding:.3vw;
}
.menu p:hover,.box details summary:hover
{
	background:rgba(0,0,0,0.3);
	border-radius:8px;
}
.box details summary
{
	padding:.3vw;
}
.register,.sponsor
{
	color:black;
	background:orange;
	border:none;
	font-size:1rem;
	font-weight:bold;
	padding:.5vw;
	border-radius:15px;
	cursor:pointer;
	margin-left:0.8vw;
}
.register:hover,.sponsor:hover
{
	background:#e39505;
}
#bars
{
	display:none;
}
}