/* Colors */
/* Borders */
/* Fonts */
.about-me-text {
  margin-bottom: 2rem;
  display: flex;
}

.about-me-text .left {
  margin-right: 2rem;
  width: 30%;
}

.about-me-text .left .image {
  width: 100%;
}

.pdf {
  width: 100%;
  height: 50rem;
}

/* .flex-recent-works { */
/*   justify-content: space-around; */
/**/
/*   display: flex; */
/*   flex-wrap: wrap; */
/**/
/*   margin-bottom: 3rem; */
/*   margin-top: 3rem; */
/* } */
/**/
/* .flex-recent-works-container { */
/*   align-self: center; */
/*   text-align: center; */
/*   width: 33%; */
/* } */
/**/
/* .flex-recent-works-image { */
/*   width: 95%; */
/* } */
/* Media Queries

Aixo es tot el que aplica quan la pantalla te menys de 768px d'ample (mobils)

Amb aquestes opcions es sobreescriuen les anteriors, no cal reescriure tot

https://threkk.medium.com/how-to-make-a-css-only-hamburger-menu-f7ad41e13399

--------------------------------------------- */
@media all and (max-width: 1170px) {
  .about-me-text {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
  }
  .about-me-text .left {
    width: 100%;
    margin-right: 0rem;
    margin-bottom: 2rem;
  }
  /* .flex-recent-works-container { */
  /*   width: 100%; */
  /* } */
  /* ----------------------------------------------------------------- */
}