@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500&display=swap');


.mobile-menu-icon {
    display: none;
}

.mobile-menu {
    display: none;
}

@media screen and (min-width: 0px) and (max-width: 730px) {

    /* Hide Index on mobile */
    .side-bar {
        display: none;
    }

    .bottom-menu {
        display: none;
    }

    .nav-list {
        display: none;
    }

    .background-image::before {
        background-image: url(../../front-image1.JPG) !important;
    }

    /* End Hide */
    .nav-bar {
        background-size: cover;
    }

    #footer_content{
        display:none !important;
    }

    #body-servicos {
        display: none;
    }
    
    .mobile-menu-icon {
        background-color: #0187a7;
        display: flex;
        justify-content: end;
        height: 4em;
        width: 100%;
        padding-top: 1%;
        z-index: 1;
    }
    
    .mobile-menu-items {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .mobile-menu-items a,
    .mobile-menu-items button {
        display: flex;
        padding: 0 0.5rem;
        align-items: center;
        text-decoration: none;
        color: white;
    }
    
    .mobile-menu-items img {
        margin-right: 5px;
    }
    
    .mobile-menu-icon button {
    background-color: transparent;
    padding-right: 10px;
    height: 50px;
    border: none;
    cursor: pointer;
    outline: none;
    }

    #mobile-icons {
        display: inline-flex;
    }

    #mobile-icons a img {
        margin-top: calc(34%);
        padding-right: 1rem;
    }

    .mobile-menu ul {  /*Dropdown Aberto*/
        background-color: #016881;
        list-style: none;
        height: calc(100vh - 4.6875);
        display: flex;
        flex-direction: column;
        text-align: center;
        padding-bottom: 1rem;
    }

    .mobile-menu ul li a.navbar-item {
        color: white;
        text-decoration: none;
        font-size: 1.2rem;
    }

    .mobile-menu .nav-item {
        display: block;
        padding-top: 1.2rem;
    }

    .mobile-menu .login-button {
        display: block;
        padding: 1rem 2rem;
    }

    .mobile-menu .login-button button {
        width: 100%;
    }

    .open {
        display: block;
    }
}