.banner {
  display:block;
  width:100%;
  height: auto;
  background-color: hsl(0, 0%, 95%);
  margin: 0 auto;
  border-radius: 5px;
  display:grid;
  grid-template-columns: 5fr 1fr;
  grid-template-rows: auto;
  grid-template-areas:
    "texte imatge";

    img {
      grid-area: imatge;
      width:8vh;
      height: auto;
      margin: 1rem 3rem;
    }

    p {
      grid-area: texte;
      font-size:1.2rem;
      font-weight: bold;
      margin:auto;
      color: black;
    }
}

.banner_fotografia {

    img {
      display: block;
      width:80%;
      height: auto;
      margin:0 auto;
      object-fit:cover;
    }

}

@media  (max-width: 768px)  {
  
    .banner {
      p {
      font-size:1rem;
    }
  }
}