/* Styles for Mobile Screens */
.navbar-container {
    /* position: fixed; */
    /* Commented out to allow for navbar to NOT be fixed to top of page */
    top: 0;
    padding: 3rem 3rem 1.5rem 3rem;
    opacity: 1;
    overflow: hidden;
    background-color: #000000;
}

.navbar-logo {
    /* All Media Sizes */
    position: relative;
    z-index: 999;
    margin: 0;
    width: 100%;
    text-align: left;

    /* Mobile Only */
    font-size: 1.5rem;
}

/* Styles for Tablets & Small Laptop Screens */
@media screen and (min-width: 768px) {
    .navbar-container {
        padding: 4rem;
    }

    .navbar-logo {
        font-size: 2rem;
    }
}

/* Styles for Larger Desktop Screens */
@media screen and (min-width: 1200px) {
    .navbar-logo {
        font-size: 2.5rem;
    }
}