html {
  overflow: -moz-scrollbars-vertical !important;
  overflow-y: scroll;
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

/*esta es la capa contenedora*/
.demonstrations {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 18px;
}

.demonstrations a {
  float: left;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/*aquí asignas la medida de la imagen ajustándola al div "caja-imagenes"*/
.demonstrations img{
	width: 100%;
}

.demonstrations .rightmost { margin-right: 0; }

/*desde aquí controlas las imágenes de la galería*/
.caja-imagenes{
	width: 21%;
	margin: 2%;
	float: left;
	text-align: center;
}

/*
 * Layout
 */
#page {
  margin: 0 auto;
  width: 800px;
  padding: 50px 20px;
  clear: both;
}

/*media queries*/

@media all and (max-width: 1200px) {
#page{
	width: 100%;
}	
.demonstrations {
	width:96%;
	margin:0 2%;
}
}

@media all and (max-width: 980px){
	
.caja-imagenes{
	width: 29%;
	margin: 2%;
	float: left;
	text-align: center;
}	
	
}

@media all and (max-width: 720px){
	
.caja-imagenes{
	width: 46%;
	margin: 2%;
	float: left;
	text-align: center;
}	
	
}

@media all and (max-width: 520px){
	
.caja-imagenes{
	width: 90%;
	margin: 5%;
	float: left;
	text-align: center;
}	
	
}