body, html {
    height: 100%;
  /*  height: 100vh; */
  /* 	width:100%;*/
    min-height: 10%;
}

.our_table
{
/* 	display:table; */
	width:100%;
	height:98%;
/*	border:2px solid #ffbf00;*/ marco general cuando no pasaba de la pantalla
	text-align:center;	
	margin-top: 0% 
}

.our_row
{
	/*display: table-row;	*/
}

.our_cell
{
	 text-align:center;
	display: table-cell;
	/*padding: 2px;*/
 	border:1px solid #CCC; 
 	vertical-align: middle;
	width: 20%;
	height: 20%;
}

.foto
{
/*	width:400px;
height:275px; */
   max-width: 40%;
    max-height: 40%; 
 box-shadow: 2px 2px 5px #999;
}