@media only screen and (min-width: 200px) and (max-width: 500px) {

  html, body {
    font-size: 14px;
  }
.menu-container {
  max-width: 99%;  
}
  .contenedor {
    max-width: 99%;
    min-width: 50%;
  }

  .MarcoImgL,
  .MarcoImgC,
  .MarcoImgR {
    text-align: center;
    width: 100%;
    float: none;
  }
.Articulos.columns-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.Articulos.columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.Articulos.columns-5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}