/*CUSTOM RESPONSIVE SETTINGS*/
/* Default styles */
.logo {
    width: 125px;
    height: auto;
}

.nav-item {
    font-size: 1.1em;
}

.title {
    font-size: 1.9em;
}

.env {
    font-size: 1.3em;
    color: darkorange;
}

/* Medium screens (tablets) */
@media (max-width: 768px) {
    .logo {
        width: 105px;
    }

    .nav-item {
        font-size: 0.7em;
    }

    .title {
        font-size: 1.3em;
    }

    .env {
        font-size: 0.7em;
        color: darkorange;
    }
}

/* Small screens (phones) */
@media (max-width: 480px) {
    .logo {
        width: 95px;
    }

    .nav-item {
        font-size: 0.5em;
    }

    .title {
        font-size: 1.1em;
    }

    .env {
        font-size: 0.5em;
        color: darkorange;
    }
}