a:hover{
	text-decoration: none;
}

nav>a,ul#primary-menu li.menu-item a{
	color: white;
	text-transform: uppercase;
	margin:0 0px;
	font-weight: 500;
	/* padding: 8px 13px; */
	border-radius: 50px;
	transition: all 0.2s linear;
	font-size: 14px;
	padding:0.5rem 0.8rem;
	height:100%;
	display: block;
}

nav>a.active,ul#primary-menu li.menu-item.current-menu-item a{
	background-color: rgba(220,52,48,1);
}

nav>a:hover,ul#primary-menu li.menu-item a:hover{
	background-color: rgba(255,255,255,0.4);
	color: white;
}

nav.login-nav>a:hover{
	background-color: transparent;
	color: #fce009;
}

a.join{
	color: white;
	text-transform: uppercase;
	margin:0 8px;
	font-weight: 500;
	/* padding: 8px 13px; */
	border-radius: 50px;
	transition: all 0.2s linear;
	background-color: rgba(252,224,9,1);
	color:black;
	font-size: 14px;
}

a.join:hover{
	background-color: #dc3430 !important;
	color: white !important;
}

ul#primary-menu li.menu-item a{
	
}

@media (max-width: 1371.98px){ 
	nav>a,ul#primary-menu li.menu-item a{

		font-size: 12px;

	}
	
	a.join{
		font-size: 12px;
	}
}

@media (max-width: 991.98px){ 

	nav>a{
		margin:4px 0px;
		font-size: 14px;
	}
	
	nav>a,ul#primary-menu li.menu-item a{
	
		font-size: 14px;
	
	}
	
	a.join{
		font-size: 14px;
	}
	
	nav.login-nav>a{
		margin:4px 0px;
	}
	
	nav>a,ul#primary-menu li.menu-item a{
		margin:8px 0px;
		height: auto;
	}
	
}