.contenedor{
    display: grid;
    grid-template-columns: 1 / 2;
    grid-template-rows: auto auto auto auto auto auto;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    box-sizing: border-box;
}

.contenedor > div {
    padding: 20px 0;
    background-image: url("../images/piano-fondo.webp");
    background-size: 1500px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    box-sizing: border-box;
  }

  .contenedor .logo {
    grid-column: 1 / 4;
  }

  .contenedor .slogan {
    grid-column: 1 / 4;
  }

  .contenedor .menu {
    grid-column: 1 / 4;
  }

  .contenedor .noemi {
    grid-column: 1 / 4;
  }

  .contenedor .texto {
    grid-column: 1 / 3;
    background-image: none;
  }

  .contenedor .imagen {
    grid-column: 3 / 4;
    background-image: none;
  }

  .contenedor .footer {
    grid-column: 1 / 4;
    background-image: none;
  }

  @media screen and (max-width: 500px) {

    .contenedor{
      grid-template-columns: 1 / 2;
      grid-template-rows: auto auto auto auto auto auto auto;
      width: 100%;
    }

    .contenedor .logo {
      grid-column: 1 / 2;
	  font-size: 55px;
    }
  
    .contenedor .slogan {
      grid-column: 1 / 2;
    }
  
    .contenedor .menu {
      grid-column: 1 / 2;
    }
  
    .contenedor .noemi {
      grid-column: 1 / 2;
    }
  
    .contenedor .texto {
      grid-column: 1 / 2;
      background-image: none;
    }
  
    .contenedor .imagen {
      grid-column: 1 / 2;
      background-image: none;
    }

    .contenedor .footer {
      grid-column: 1 / 2;
      background-image: none;
    }
	  
  }