.header {
  /* position: relative; */
  grid-column-start: 1;
  grid-column-end: 13;
  grid-row-start: 1;
  grid-row-end: 6;
  /* display: grid;
  grid-template-columns: repeat(13, 1fr);
  grid-template-rows: repeat(5, 1fr); */
  
  /* gap: 2px; */
  /* align-items: center; */
  /* background-image: url("/grafica/pergamenaBW.png");
  background-color: rgb(255, 255, 255);
  background-repeat: no-repeat;
  background-size: cover; */
  /* background-color: black; */
  padding: 5px;
  /* border: 5px solid red; */
  /* opacity: .5; */
  /* overflow-x: hidden; */
  z-index: 100;
}
.sfondo {
  grid-column: 1 / 13;
  grid-row: 1 / 6;
  width: 100%;
  height: 100%;
  background-color: black;
  /* border: 1px solid red; */
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 30;
  /* background-image: url(/grafica/metal2.jpg); */
}


.p1 {
  z-index: 99;
}

.p2 {
  z-index: 99;
}

.park {
  height: 40%;
  z-index: 5;
  padding-left: 5%;
  padding-right: 5%;
  margin: 2% 5%;

  /* width: 0%; */
  /* aspect-ratio: 10 / 10; */
  /* height: auto; */
}

@media screen and (max-width: 1920px) {
  .park {
    height: 30%;
  }
}

@media screen and (max-width: 1500px) {
  .park {
    height: 20%;
  }
}

@media screen and (max-width: 768px) {
  /* .sfondo{align-items: start} */
  .park {
    height: 20%;
  }
}

.logo {
  height: 80%;
  /* height: 100%; */
  z-index: 10;
  /* background-color: rgba(255, 255, 255, 0.792); */
  /* border: 1px solid red; */
}

/* @media screen and (max-width: 1920px) {
    .logo{height: 60%;}
    
  } */

@media screen and (max-width: 1500px) {
  .logo {
    height: 60%;
  }
}

@media screen and (max-width: 900px) {
  .logo {
    height: 40%;
  }
}