/* Navbar animation */
/* https://bootsnipp.com/snippets/orAGr */
/*.navbar{background:#222222;}*/
#logo_menu 
{
    display: none;
}
#logo_menu_img 
{
    width: 150px;
}
#navbar_header
{
    justify-content: center;
}
#mainWebMenu
{
    width: 80%;
}
#mainWebMenu .navbar-nav
{
    flex-flow: row wrap;
    justify-content: space-around;
}
#mainWebMenu .navbar-nav .nav-item:not(:last-child)
{
    margin:0 25px 15px 0;
}
#mainWebMenu .navbar-nav .nav-item::after
{
    content:'';
    display:block;
    width:0px;
    height:5px;
    background:#ccc;
    transition: 0.2s;
}
#mainWebMenu .navbar-nav .nav-item:hover::after
{
    width:100%;
}
#mainWebMenu .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover
{
    color:#000;
}
#mainWebMenu .nav-link
{
    padding:15px 5px;
    text-align: center;
    transition:0.2s;
    font-size: 20px;
}

#mainWebMenu .dropdown-menu
{
    color:#212529;
}
#mainWebMenu .dropdown-item.active, .dropdown-item:active
{
    color:#212529;
}
#mainWebMenu .dropdown-item:focus, .dropdown-item:hover
{
    background:#ccc;
}

.top-auto
{
    top:auto
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    #mainWebMenu
    {
        width: 55%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #mainWebMenu
    {
        width: auto;
    }
    #mainWebMenu .navbar-nav
    {
        flex-flow: row nowrap;
    }
    #mainWebMenu .navbar-nav .nav-item 
    {
        padding-left: 3rem;
    }
}

/* Special size */
@media (min-width: 900px) {
    #header_menu 
    {
        margin-top: 30px;
    }
    #mainWebMenu .nav-item 
    {
        padding-left: 5rem;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #header_menu 
    {
        margin-top: 30px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}