.navHome{
    display: flex;
    
}

.item{
    margin-top: 50px;
}

@media (max-width: 1198px){
    #logo{
        height: 100px;
        margin-top: 20px;
    }

    #navItem {
        margin-left: 50px;
        margin-top: 50px;
    }
}

@media (max-width: 990px) {
    #logo {
        height: 60px;
        margin-top: 50px;
    }

    #navItem {
        margin-top: 50px;
    }

}

@media (max-width: 766px) {
    #logo {
        width: 600px;
        height: 150px;
        margin-top: -1px;
    }
    #navbarHeader {
        margin-top: 50px;
        margin-left: 50px;
    }
    
}

@media (max-width: 576px) {
    #logo {
        height: 100px;
    }

    #navbarHeader {
        margin-top: 30px;
        margin-left: 20px;
    }
}