.title-bar {
    width: 100%;
    text-align: center;
    position: fixed;
    z-index: 100;
    padding-left: calc(50% - 483px);
}

.title-bar img {
    height: 60px;
    display: block;
}

.menu-item {
    position: absolute;
    width: 100;
    height: 60;
    top:0;
    background: aliceblue;
    opacity: 0;
}

.menu-item a {
    width: 100%;
    height: 100%;
    display: block;
}

.menu-item:nth-of-type(1){
    left: 0;
    width: 360;
}

.menu-item:nth-of-type(2){
    left: 390;
    width: 80;
}

.menu-item:nth-of-type(3){
    left: 490;
    width: 90;
}

.menu-item:nth-of-type(4){
    left: 600;
    width: 120;
}

.menu-item:nth-of-type(5){
    left: 740;
    width: 60;
}

.menu-item:nth-of-type(6){
    left:820;
}

.menu-bar {
    height: 60;
    width: 967;
    display: block;
    position: relative;
    margin-top: -60px;
}