.header {
    padding-block: 1rem;
    padding-inline: 1.25rem;
    display: flex;
    max-width: 1280px;
    margin-inline: auto;
}

.header__logo {
    width: 10rem;
}

@media (width >= 475px) {
    .header__logo {
        width: 12rem;
    }
}

@media (width >= 1024px) {
    .header {
        padding-block: 1.5rem;
    }
}