.app-content
{
    position: absolute;
    top: 80px;
    width: 100%;
}

.logo-navbar {
    width: 15rem !important;
    top: 14px;
    position: absolute;
}


.navbar-header {
    width: 100%;
    text-align: center;
    padding-top: 14px;
}

.menu-container {
    margin-top: 5px;
}



@media screen and (max-width: 665px) {
    .container-fluid>.navbar-header {
        display: table;
        margin: 0 auto;
    }
}

@media screen and (max-width: 655px) {
    a.navbar-brand {
        display: table;
        margin: 0 auto;
        float: unset;
        position: relative;
    }
    a.navbar-brand img.logo-navbar {
        position: initial;
    }
    .menu-container {
        display: table;
        margin: 10px auto;
        position: relative;
    }
    .menu-container .btn-group:nth-child(1) {
        margin-right: 10px;
    }
    .app-content {
        position: relative;
        top: unset;
    }
}

@media screen and (max-width: 372px) {
    a.navbar-brand {
        padding: unset;
    }
    .navbar-brand img.logo-navbar {
        margin-right: 10px;
    }
    .menu-container .btn-group {
        display: table;
        margin: 5px auto !important;
    }
}