@media (max-width: 720px) {
            .main-menu-container nav a.logo-font {
                letter-spacing: 3px !important;
            }

            .main-menu-container nav ul.top-menu {
                display: none !important;
            }
        }

        .main-menu-container nav {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .main-menu-container nav a.logo-font {
            font-family: Magic Retro;
            font-weight: 100;
            color: #3A2121;
            font-size: calc(18px + 0.5vw); /* vs 38 */
            text-decoration: none;
            letter-spacing: 1px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .main-menu-container nav a.logo-font img.nav-logo {
            height: calc(28px + 0.5vw);
            width: auto;
            vertical-align: middle;
            margin-top: -4px;
        }

        .main-menu-container nav ul.top-menu {
            margin-right: 12%; /* vs 4% */
        }

        .main-menu-container nav li {
            display: inline;
            margin-left: 15px;
        }

        .main-menu-container nav li a {
            font-family: 'Gilroy-Light';
            font-size: 1.2rem; /* vs 18 */
            text-decoration: none;
            color: #3A2121;
            transition: color 0.2s;
        }

        .main-menu-container nav li a:hover,
        .main-menu-container nav li a:focus-visible {
            color: #B88A69;
        }