@media (max-width: 1284px) {
  .header__title {
    font-size: 4em;
  }
}

@media (max-width: 1269px) {
  .one {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
  }

  .two {
    grid-column: 1 / 3;
    grid-row: 3 / 5;
  }

  .two .item__image {
    height: 400px;
    width: 75%;
    margin: auto;
  }

  .four {
    grid-column: 3 / 6;
    grid-row: 3 / 4;
  }

  .five {
    grid-column: 1 / 3;
    grid-row: 6 / 8;
  }

  .six {
    grid-column: 3 / 6;
    grid-row: 4 / 5;
  }

  .seven {
    column-count: 2;
    grid-column: 3 / 6;
    grid-row: 6 / 7;
  }

  .eight {
    grid-column: 3 / 6;
    grid-row: 7 / 8;
  }
}

@media (max-width: 1070px) {
  .main {
    grid-template-columns: repeat(auto-fit, minmax(150px, auto));
  }
}
@media (max-width: 1039px) {
  .header {
    grid-template-columns: repeat(auto-fit, minmax(100px, auto));
  }
  .header__title {
    font-size: 3.5em;
  }
  .header__article {
    width: 150px;
    height: 80px;
    font-size: 0.8em;
  }
}

@media (max-width: 955px) {
  .main {
    grid-template-columns: repeat(auto-fit, minmax(150px, auto));
  }
  .three__container {
    display: block;
  }
  .one {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
  }
  .two {
    grid-column: 3 / 6;
    grid-row: 1 / 3;
  }
  .three {
    grid-column: 1 / 3;
    grid-row: 3 / 5;
  }
  .four {
    grid-column: 3 / 6;
    grid-row: 3 / 5;
  }
  .five {
    grid-column: 1 / 4;
    grid-row: 6 / 8;
  }
  .six {
    grid-column: 1 / 6;
    grid-row: 8 / 8;
  }
  .seven {
    grid-column: 1 / 6;
    grid-row: 9 / 10;
  }
  .eight .item__image {
    height: 100%;
  }
  .eight {
    grid-column: 4 / 6;
    grid-row: 6 / 8;
  }
}

@media (max-width: 877px) {
  .header__title {
    font-size: 3em;
  }
}

@media (max-width: 820px) {
  .main {
    grid-template-columns: repeat(auto-fit, minmax(100px, auto));
  }
  .three__containerRight img {
    height: inherit;
  }
}
@media (max-width: 815px) {
  .header__title {
    font-size: 2.2em;
  }
}

@media (max-width: 600px) {
  .header {
    grid-template-columns: repeat(auto-fit, minmax(200px, auto));
    grid-template-rows: 80px 30px;
  }
  .header__title {
    grid-column: 1 / 4;
  }
  .header__article {
    display: none;
  }
}

@media (max-width: 529px) {
  .main {
    display: block;
  }
  .six__content {
    column-count: initial;
  }
  .seven {
    column-count: initial;
  }
  .imagen__left img {
    margin-bottom: 10px;
  }
  .seven .imagen__left img,
  .seven .imagen__right img {
    width: 100%;
    height: 100%;
  }
  .header__details {
    font-size: 0.9em;
  }
}
@media (max-width: 425px) {
  .header__details {
    font-size: 0.7em;
  }
}

@media (max-width: 375px) {
  /* .seven .imagen__left img,
  .seven .imagen__right img {
    width: auto;
  } */
  .header__details {
    font-size: 0.6em;
  }
}

/* @media (max-width: 320px) {
  .header__details {
    font-size: 0.6em;
  }
} */