@media (min-width: 576px) /* SM */ {
    #header .nav {
        justify-content: flex-start;
        margin-top: 0.5em;
    }

    #header .header-phone {
        font-size: 1em;
    }

    #header .logo {
        height: 30px;
        width: auto;
    }

    #header .title-col {
        text-align: left;
    }
}

@media (min-width: 768px) /* MD */
{
}

@media (min-width: 992px) and (min-height: 700px) {
}

@media (min-width: 992px) /* LG */
{
    #header .nav {
        justify-content: flex-end;
        margin-top: 0;
    }
}

@media (min-width: 1200px) /* XL */
{
}