@media screen and (max-width: 768px) {
    header {
        padding: 16px 120px;
    }
 
    .right-nav {
        gap: 12px;
    }

    .logo a {
        font-size: 24px;
    }

    .button,
    .button-wide {
        padding: 8px;
        gap: 4px;
    }

    .icon {
        font-size: 16px;
    }

    .button-wide {
        font-size: 16px;
    }

    .hero h1 {
        font-size: 32px;
    }

}

@media screen and (max-width: 560px) {
    .scr-lg {
        display: none;
    }

    .min-scr-menu,
    #msm {
        display: flex;
    }

    .hero h1 {
        font-size: 24px;
    }
}