@media (max-width: 396px) {
    #interaction_table {
        font-size: 20%;
    }

    .btn.btn-primary.btn-sm.open-interaction-modal {
        font-size: .75rem;
    }
}

@media (max-width: 376px) {
    .navbar-brand {
        order: 0; /* Moves navbar-brand to the first position */
        width: 100%; /* Expands to 100% width */
        text-align: center; /* Centers the text */
    }

    .navbar .container {
        display: flex;
        flex-wrap: wrap; /* Allows items to wrap onto the next line */
        justify-content: space-between; /* Space between items */
        flex-direction: row-reverse;
    }

    .navbar .container img{
        order: 1;
    }

    .navbar-nav {
        margin-top: 10px; /* Add some space above the nav items */
    }
}