.parent {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;

  margin-bottom: 5%; /*Donarli espai baix*/
}

.div1 {
  grid-area: 1 / 1 / 2 / 6;
}

.div2 {
  grid-area: 2 / 1 / 6 / 4;
  margin-left: -7.5% !important;
}

.div3 {
  grid-area: 2 / 4 / 6 / 5;
}

.div4 {
  grid-area: 2 / 5 / 6 / 6;
  text-align: center;
}

li.lista {
  font-size: 1.5em;
  list-style: none;
  line-height: 1.8em;
  font-family: "Financier Display";
}

li.lista {
  display: flex;
}

.tituloPais {
  font-family: "Acumin Variable Concept" !important;
  text-transform: uppercase !important;
  font-size: 1.3em !important;
  font-weight: bold !important;
}

.divNombre {
  width: 40%;
}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
  
  .tituloPais {
    font-family: "Acumin Variable Concept" !important;
    text-transform: uppercase !important;
    font-size: 1.3em !important;
    font-weight: bold !important;
  }

  .div1 {
    grid-area: 1 / 1 / 2 / 6;
    width: 100%;
  }

  .div2 {
    grid-area: 4 / 1 / 4 / 7;
    width: 100% !important;
  }

  .div3 {
    grid-area: 2 / 4 / 6 / 5;
  }

  .div4 {
    grid-area: 2 / 2 / 4 / 5;
    text-align: center;
    width: 100% !important;
  }
  

  li.lista {
    font-size: 1.3em;
    text-align: center;
    display: flex;
    font-family: "Financier Display";
  }

  .divNombre {
    width: 100%;
  }

  .divIam {
    width: 100%;
  }


}