header #ico_menu {
    position: relative;
    cursor: pointer;
	height: 20px;
    width: 35px;
}
header #ico_menu:before, header #ico_menu:after {
    content: ' ';
    position: absolute;
    height: 2px;
    transition: 400ms ease;
}
header #ico_menu:before {
    top: 0;
	left: 0;
    width: 100%;
}
header #ico_menu:after {
    bottom: 0;
	right: 0;
    width: 50%;
}
header #ico_menu .line, header #ico_menu:before, header #ico_menu:after {
    background-color: 	var(--yellow);
}
header #ico_menu .line {
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 400ms ease;
}
.menu_opened header #ico_menu .line{
	opacity: 0;
} 
.menu_opened header #ico_menu:before{
	transform: rotate(45deg);
	top: 50%;
}
.menu_opened header #ico_menu:after{
	transform: rotate(-45deg);
	width: 100% !important;
	top: 50%;
}