.mainmenu_sidepoints{
	padding-left:10px; 
	padding-right:10px; 
	cursor:pointer;
	font-weight: ; 
	font-size: small;
}

.mainmenu_sidepoints_href{
	text-decoration:none;
	color: black;
}

.mainmenu_sidepoints_btn{
	color: black;
}

.mainmenu_sidepoints_svg{
	height:40px;
}
.mainmenu_item_sub:focus
{
	outline: none;
	color:#fb7907;
}
.mainmenu_item:focus
{
	outline: none;
	color:#fb7907;
}

#mainmenu
{
	display: flex;
	flex-direction: row;
	/* justify-content: space-around; */
	z-index:50;
	width: 1012px;
	justify-content: flex-start;
	margin: auto;
}

.mainmenu_subitem_div
{
	z-index:49; 
	width:1012px;
	height:auto; 
	display:none; 
	box-shadow: 5px 5px 5px 5px gray; 
	position: absolute;
	width: 1012px;
	background-color: white;
	margin: auto;
	left: calc(50% - 506px);
}

.mainmenu_item
{
	background-color: #f2f2f2;
	padding: 10px; 
	border:none; 
	text-decoration:none; 
	color: black;
	font-size:medium;
	font-weight:400;
	cursor:pointer;
	text-align: center;
	width: fit-content;
	padding-left: 20px;
	padding-right: 20px;
}

.mainmenu_item:hover
{
	background-color: #dfdfdf;
}
.mainmenu_item_sub_container:hover .mainmenu_subitem_div
{
	display:flex;
}
.mainmenu_item_sub_container:focus .mainmenu_subitem_div
{
	display:flex;
}
.mainmenu_item_sub_container:active .mainmenu_subitem_div
{
	display:flex;
}
.mainmenu_item_sub_container:focus-within .mainmenu_subitem_div
{
	display:flex;
}

@media screen and (max-width: 1011px)
{
	#mainmenu{
		display:flex;
		width:90%;
		flex-direction: column;
		margin: unset;
		position: absolute;
		top: 0px;
	}
	.mainmenu_sidepoints_svg{
		height: 30px;
	}
	
	.mainmenu_subitem_div{
		width: 100%;
		left: 16px;
	}
	
	.mainmenu_item{
		width: 90%;
		text-align: left;
	}
}