/* public/nav-styles.css */
header {
    background-color: #212529;
    padding: 10px;
    color: white;
    text-align: right;
}

.navbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.navlink {
    color: #fff;
    text-decoration: none;

    &:hover {
        color: #f7941d;
        text-decoration: none;
    }
}

.nav-margin {
    margin-top: 10px;
}

@media (max-width: 768px) {
    .navbar {
        flex-direction: column;
    }

    .navlink {
        display: block;
        padding: 10px 0;
    }

    .navbar .row > div:last-child {
        display: none;
    }

    .navbar.open .row > div:last-child {
        display: block;
    }

    .hamburger-menu {
        color: #fff;
        cursor: pointer;
    }
}

@media (min-width: 769px) {
    .hamburger-menu {
        display: none;
    }
}