/* --- スマホ・タブレット縦(992px未満): ロゴ+ハンバーガーを横並びに --- */
@media (max-width: 991.98px) {
    body.myClass .header {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
    }
}

/* --- PC・タブレット横(992px以上): ロゴ+メニューを横並び --- */
@media (min-width: 992px) {
    body.myClass .header {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
    }
}

body.myClass { background: yellow; }
body.myClass a.nav-link{color: #FFF;}