body{
    background-color: #000;
    margin: 0;
    padding: 0;
    height: 100vh;
}
/* .b1 { border: 2px aqua solid;} */
.portada {
    background-image: url('/image/portada-movil2.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;

    /* Set up proportionate scaling */
    width: 100% !important;
    height: 100%;
  }
  .menu-container{
    margin: 0 auto;
    text-align: center;
  }
  .menu {
    background-image: url('/image/portada-movil2.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;

    /* Set up proportionate scaling */
    width: 100%;
  }

  @media screen and (min-width: 768px) { /* Specific to this particular image */
    .portada {
        background-image: url('/image/portada-desktop2.jpg');
        /* background-repeat: no-repeat; */
        /* background-size: contain;
        background-position: top; */

        /* Set up proportionate scaling */
        width: 100% !important;
        height: 100%;
    }
    .menu {
        /* background-image: url('image/portada.jpg'); */
        /* background-repeat: no-repeat; */
        background-size: contain;
        background-position: top;

        /* Set up proportionate scaling */
        width: auto;
        height: 100%;
      }
  }