.bg-nav-transparent{
    background-color: transparent;
    transition: all 1s ease;
}

.bg-solid {
    background-color: var(--primary);
}

nav .navbar-brand {
    padding: 0;
}

.nav-logo{
    width: 8rem;
    padding-top: 10%;
    padding-left: 10%;
    padding-bottom: 10%;
}

.navbar-toggler {
    color: var(--white);
    border: 2px solid var(--white);
    padding: 0;
}

.navbar-toggler .navbar-toggler-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
}

.nav-link{
    color: var(--white);
}

nav .navbar-nav{
    font-size: 1em;
}

nav.navbar{
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}

.nav-item.active .nav-link{
    color: var(--accent);
    font-weight: bold;
}


@media only screen and (min-width : 320px) {}

@media only screen and (min-width : 480px) {}

@media only screen and (min-width : 768px) {
    .nav-logo {
        width: 10rem;
    }

    .navbar-toggler-icon {
        font-size: 2.5rem;
    }
}

@media only screen and (min-width : 992px) {
    .nav-logo {
        width: 9.5rem;
        padding: 0.3rem;
    }
}

@media only screen and (min-width : 1200px) {}