@media screen and (min-width: 845px) { 

    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    
    }
    
    html {
        font-size: 62.5%;
    }   
    
    
    body {
        position: relative;
        min-height: 100vh;
        width: 100%;
    }
    
    main {
        background-image: url(/img/788.jpg);
        background-size:auto;
        min-height: 100vh;
        margin-top: 10vh;
        margin-bottom: 9vh;
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
        text-align: center;
        margin: 0 auto;
        flex-direction: column;
        align-items: center;
        padding: 1rem;
    }
    
    main h1 {
        color: white;
    }
    
    header {
        height: 29rem;
        background-color: #C36C05;
        width: 100%;
        position: fixed;
        z-index: 2;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2rem
    }
    
    .contenedor-logoportada {
        width: 70%;
        text-align: center;
        margin-top: 10rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    .contenedor-logoportada span {
        font-size: 13.5 rem;
        color: white;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }
    
    .contenedor-logoportada img {
        width: 47%;
        display: flex;
    }
    
    .botones-menu {
        display: flex;
        margin-top: 4rem;
    }
    
    header section {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 90%;
        height: 23rem;
        
    }
    
    header section #logo {
        width: 63rem;
        margin-left: 0;
        height: 17rem;
    }
    
    header section #menu {
        width: 18rem;
    }
    
    .boton-menu {
        width: 15rem;
        height: auto;
        padding: 0.5rem;
        margin: 1rem;
        background-color: #efa30f;
        border: 0.4rem solid white;
        border-radius: 12rem;
    
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .boton-menu-malteadas {
        width: auto;
        height: 7rem;
        margin: 1rem;
        background-color: #efa30f;
        border: 0.4rem solid white;
        border-radius: 12rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .boton-menu-malteadas a {
        font-size: 2.5rem;
        text-decoration: none;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        margin: 1rem;
        font-weight: bold;
        color: rgb(105, 35, 35);
    }
    
    .boton-menu a {
        font-size: 2.5rem;
        text-decoration: none;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
        color: white;
    }
    
    .sabores-100 {        
        margin-top: -16rem;
        color: white;
        height: auto;
        width: auto;
        margin-bottom: -3rem;
    }
    
    .masde-100-sabores {
        margin-bottom: 2rem;
    }
    
    .sabores-100 h1{    
        font-size: 2.6rem;
        font-family: 'Courier New', Courier, monospace;
        animation: typing 2s steps(14),
        blink .5s infinite step-end alternate ;
        overflow: hidden;
        white-space: nowrap;
        width: 18ch;
    }
    
    @keyframes typing {
        from{
          width: 0;
        }
    }
    
    @keyframes blink {
        50% {
          border-color: transparent;
        }
    }
    
    
    
    footer {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        background-color: #C36C05;
        position: fixed;
        bottom: 0;
        padding: 1rem;
    }
    
    button {
        background-color: rgb(0, 105, 124);
        width: 3rem;
        height: 9rem;
        display: flex;
        flex-direction: column;
    
    }
    
    footer div {
        height: auto;
        width: 40%;
        background-color: white;
        border-radius: 12px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 0.6rem;
    }
    
    /*ESTILOS PAGINA MENUS*/
    
    #lista-menus {
    color: white;
    margin-top: 10rem;
    margin-bottom: 12rem;
    }
    
    #lista-menus ul li {
        text-decoration: none;
        list-style: none;
        margin-bottom: 4rem;
    }
    
    #lista-menus ul li a {
        text-decoration: none;
        color: white;
        font-size: 4rem;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }
    
    /*ESTILOS MENU ESPANOL*/
    
    #sopas {
        margin-top: 14rem;
    }
    
    #ultimo-box {
        margin-bottom: 12rem;
        margin-top: 6rem;
    }
    
    .box-producto {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 5rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .box-producto h1 {
        font-size: 5rem;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        background-color: #efa30f;
        padding: 1rem;
        border-radius: 2rem;
        margin-bottom: 1rem;
        border: 0.5rem solid white;
    }
    
    .box-producto h2 {
        color: white;
        font-size: 3rem;
        font-family: 'Urbanist', sans-serif;
        font-weight: 300;
    }
    
    .box-producto h3 {
        color: white;
        font-size: 2rem;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-weight: 100;
    }
    
    .box-producto h4 {
        color: white;
        font-size: 3rem;
    }
    
    .box-producto img {
        width: 30%;
    }
    
    #pizzas-gourmet {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    #pizzas-gourmet h1 {
        font-size: 3.4rem;
        width: 75%;
    }
    
    #tamanospizza {
        width: 90%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
        text-align: center;
      }
      
      #tamanospizza-tradicionales { 
        display: flex;
        justify-content: space-between;
        align-items: center; 
      }
      
      .tamanos {
        width: 11rem;
        height: auto;
        border: 1px white solid;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 6px;
        margin: 1rem;
        color: white;
        padding: 0.4rem;
      }
    
      .tamanos h5 {
        font-size: 1.5rem;
      }
    
      .tamanos h6 {
        font-size: 1.5rem;
      }
    
      .tamanos p {
        font-size: 2.5rem;
      }
    
      #pizza-name {
        margin-top: 2rem;
      }
    
      .titulo-producto {
        margin-top: 2rem;
      }
    
      #hamburguesas {
        font-size: 4rem;
      }
    #bebidas-calientes {
        width: 90%;
      } 
    
    #postres-copasdehelado {
        width: 20%;
    }
    
    #bebidas-calientes img {
        width: 30%;
      } 
    
    #postres-copasdehelado img {
        width: 60%;
    }
    
    #postres-copasdehelado h1 {
        font-size: 3rem;
    }
    
    #burger-combo {
        width: 65%;
        height: auto;
        padding: 1rem;
        border: 2px solid #efa30f;
        border-radius: 2rem;
    }
    
    #burger-combo h5 {
        font-size: 2rem;
        font-family: 'Urbanist', sans-serif;
        
    }
    
    #burger-combo h2 {
        font-size: 2rem;
    }
    
    #ultimo-box {
        width: auto;
        background-color: #efa30f;
        border-radius: 1rem;
        border: 0.3rem solid white;
    }
    
    
    
    #ultimo-box a {
        text-decoration: none;
    }
    
    #ultimo-box h2 {
        font-weight: bold;
    }
    
    /*ESTILOS MENU MALTEADAS*/
    
    #icono-malteada {
        padding-bottom: 4rem;
    }
    
    #precio-malteadas {
        font-size: 5rem;
    }
    
    #tipo-malteadas {
        width: 46%;
        height: auto;
        background-color: #ffffff;
        border: 3px solid #efa30f;
        border-radius: 3rem;
        margin-bottom: 3rem;
        padding: 1rem;
        margin-top: 7rem;
    }
    
    #tipo-malteadas h1 {
        font-size: 3rem;
        font-family: 'Urbanist', sans-serif;
        color: #efa30f;
        font-weight: bolder;
    }
    
    #sabores-malteadas {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        color: white;
    }
    
    #sabores-malteadas div {
        width: auto;
        border: 1px white solid;
        border-radius: 1rem;
        font-size: 2rem;
        margin: 0.5rem;
        padding: 0.5rem;
        font-family: 'Urbanist', sans-serif;
        font-weight: bold;
    }
    
    #sabores-malteadas span {
        font-size: 1.5rem;
    }
    
    
    
    #sabores-malteadas .de-postres {
        margin-bottom: 5rem;
    }
    
    /*ESTILOS PAGINA CONTACTO*/
    
     iframe {
        margin-top: 4rem;
        width: 65%;
        height: 30vh;
        border-radius: 1rem;
     }
    
     #info-contacto {
        top: 10rem;
        position: absolute;
     }
    
     #info-contacto h1 {
        font-family: 'Urbanist', sans-serif;
        font-size: 2rem;
     }
    
     #info-contacto a {
        text-decoration: none;
        color: white;
     }
    
     #siguenos {
        margin-top: 2rem;
        margin-bottom: 2rem;
     }
    
     #siguenos h1 {
        font-family: 'Urbanist', sans-serif;
        font-size: 2.5rem;
     }
    
     #logo-ig {
        width: 70%;
        background-color: white;
        border-radius: 2rem;
        height: 10vh;
        display: flex;
        justify-content: center;
        align-items: center;
     }
    
     #logo-ig img {
        width: 90%;
     }
    
     #whats-logo-foot {
        width: 6rem;
     }
    
     #insta-logo-foot {
        width: 6rem;
     }

}