@media (max-width: 980px) {
            header {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;

                width: 100% !important;
                max-width: 100% !important;

                margin: 0 auto !important;
                padding-left: 20px !important;
                padding-right: 20px !important;

                text-align: center !important;
                overflow: visible !important;
            }

            header .logo.logo-image {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;

                position: relative !important;
                left: auto !important;
                right: auto !important;
                top: auto !important;
                bottom: auto !important;

                width: 100% !important;
                max-width: 340px !important;

                margin: 0 auto 18px !important;
                padding: 0 !important;

                opacity: 1 !important;
                visibility: visible !important;
                overflow: visible !important;
                transform: none !important;
                z-index: 20 !important;
            }

            header .logo.logo-image img {
                display: block !important;

                width: auto !important;
                height: auto !important;
                max-width: min(78vw, 280px) !important;
                max-height: 118px !important;

                margin: 0 auto !important;

                object-fit: contain !important;
                object-position: center center !important;

                opacity: 1 !important;
                visibility: visible !important;
            }

            header nav {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                flex-wrap: wrap !important;

                width: 100% !important;
                margin: 0 auto !important;
                padding: 0 !important;
                gap: 24px !important;

                text-align: center !important;
            }
        }

        @media (max-width: 620px) {
            header {
                padding:
                    20px
                    16px
                    12px !important;
            }

            header .logo.logo-image {
                max-width: 300px !important;
                margin-bottom: 16px !important;
            }

            header .logo.logo-image img {
                max-width: min(72vw, 250px) !important;
                max-height: 105px !important;
            }

            header nav {
                gap: 28px !important;
                font-size: 16px !important;
            }
        }