#topContainer {
    width:100%;
    display:flex;
    align-items: center;
    position:fixed;
    top:0px;
    z-index:999;
    background: rgb(0 0 0 / 21%);
    padding: 10px 0px;
    justify-content: space-around;
}

.topScroll {
    background-color:rgb(77 76 76 / 90%) !important;
}

#logoContainer {
    width:25%;
    margin-right:5%;

}

#topContainer #navigationDiv #navigationUl li {
    font-size:105%;
    margin:0px 2%;
}

#navigationDiv #navigationUl li:hover{
    background-color:rgb(255 255 255 / 0%) !important;
}

#logoContainer img {
    max-width:100%;
}

#naviContainer {
    width:60%;
}



@media screen and (max-width: 18cm) {

    #logoContainer {
        width:65%;
        margin-right:5%;
    }

    #naviContainer {
        width:30%;
    }

    #topContainer #mobileNavi img {
        width:100%;
    }

    #topContainer #mobileNavi {
        width:30%;
        padding-right:10%;
    }

}

@media screen and (max-width: 1200px) {
    #topContainer #navigationDiv #navigationUl li {
        font-size:90%;
    }
}

@media screen and (max-width: 1000px) {
    #topContainer #navigationDiv #navigationUl li {
        font-size:85%;
    }
}

@media screen and (max-width: 900px) {
    #topContainer #navigationDiv #navigationUl li {
        font-size:75%;
    }
}

@media screen and (max-width: 800px) {
    #topContainer #navigationDiv #navigationUl li {
        font-size:70%;
    }
}