*{ margin: 0; padding: 0; box-sizing: border-box; } .page-header{ display: flex; justify-content: center; padding: 28px 0; background: #000000; } .header-logo{ display: block; } .main-banner, .middle-banner{ width: 100%; display: block; } @media screen and (max-width: 414px) { .main-banner-desktop, .middle-banner-desktop{ display: none; } } @media screen and (min-width: 415px) { .main-banner-mobile, .middle-banner-mobile{ display: none; } }