
.headerCustom{
	position:absolute;
    height: 120px;
    background: #fff;
    color: #000;

    position: absolute;
    z-index: 9;
    width: 100%;
	font-family:fantasy;
		
}

.headerCustomMemnu{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#btn-menu{
    display: none;
}

.headerCustom label{
    font-size: 30px;
    cursor: pointer;
    display: none;
}
.menuCustom{
    position: relative;
}
.menuCustom ul{
    /*background: #005cbf;*/
    display: flex;
    list-style: none;

}

.menuCustom ul ul{
    display: none;
	background: rgba(0,0,0,0.0);
}

.menuCustom a{
    /*display: block;*/
    /*padding: 15px 20px;*/
    color: #191919;
    /*text-decoration: none;*/
}

.menuCustom a:hover{
    /*background: rgba(0,0,0,0.3);*/
}

.menuCustom a span{
    /*margin-left: 10px;*/
}

.menuCustom ul li:hover ul{
    /*display: block;
    position: absolute;*/
	background: rgba(170,170,170,0.3);

}

@media (max-width: 1024px) {
    .headerCustom label{
        display: block;
    }
	
	.menuCustom a:hover{
	    display:block;
        background: rgba(0,0,0,0.3);
}
	
    .menuCustom{
        position: absolute;
        top: 50px;
        left: 0px;
        width: 100%;
        transform: translateX(-300%);
        transition: all 0.3s;       
        background: rgba(255, 255, 255,0.5);
    }
	
	.menuCustom ul{
        display: block;	
		
    }
	
	.menuCustom ul li ul{
		
	}

    .menuCustom ul li:hover ul{
        display: none;
        position: static;
		/*background: #037885;*/
    }

    .menuCustom a span{
        position: absolute;
        right: 5px;
    }

    #btn-menu:checked ~ .menuCustom{
        transform: translateX(0%)
    }

    .menuCustom ul ul{
        background: rgba(489,987,485,0.9);
    }

    .menuCustom ul ul a{
        padding: 15px 40px;
    }
}