@media screen and (min-width: 641px) and (max-width: 1023px) {
        h1.main_title {
                margin-top: 5vh;
                text-align: center;
                font-family: 'Waffle-Soft';
                font-size: 200%;
        }

        h2.developer {
                margin-top: 3vh;
                text-align: center;
                margin-bottom: 3vh;
                font-family: "OpenSans-Bold";
                font-size: 150%;
        }

        h3.developer {
                margin-top: 3vh;
                text-align: center;
                margin-bottom: 3vh;
                font-family: "OpenSans-Bold";
                font-size: smaller;
        }

        div.web_menu {
                display: flex;
                justify-content: center;
                gap: 40px;
                /* Ajusta este valor para cambiar el espacio entre elementos */
                align-items: center;
        }

        nav.navegation_menu {
                background-color: #d9d9d9;
                height: 5vh;
                width: 100%;
                display: grid;
                grid-template-columns: auto auto auto auto;
                justify-items: center;
                align-items: start;
        }

        a.menu_item {
                background-color: #a5a5a5;
                text-align: center;
                text-decoration: none;
                width: 20vw;
                height: 5vh;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 4vw;
                color: white;
        }

        #logo {
                height: 5vh;
        }

        a.menu_logo {
                background-color: black;
                text-align: center;
                text-decoration: none;
                width: 10vw;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
        }

        footer {
                background-color: #a5a5a5;
                width: 100%;
                /*! height: 35vh; */
                border-radius: 21px 21px 0px 0px;
                display: flex;
                font-family: "OpenSans-Bold";
                text-align: center;
                gap: 10vw;
                justify-content: center;
                margin-top: 0;
        }

        #footer_what_is_this p {
                font-size: 20px;
                font-family: "OpenSans-Regular";
        }

        #footer_what_is_this {
                width: 30vw;
        }

        #licence {
                width: 50vw;
        }

        #licence p {
                font-size: 11;
                font-family: "OpenSans-Regular";
        }

        div.web_menu {
                display: grid;
                grid-template-columns: auto auto auto auto;
                align-items: center;
                justify-items: center;
        }

        div.menu_button {
                border-radius: 16px;
                color: white;
                font-family: "OpenSans-Bold";
                width: 20vw;
                align-self: center;
                font-size: 3.5vw;
                text-align: center;

                height: 10vw;
                align-items: center;
                display: flex;
                justify-content: center;
        }

}