#main-navigation li li {
    border-bottom: 1px solid #000000;
}
    
#main-navigation li ul li a {
color: black
}
  
#main-navigation li:hover li a:hover, #main-navigation li.sfHover li a:hover {
    background-color: #000000;
}

.site-header {
background: #000000;
}
.foto:hover{
    transform:scale(1.005, 1.005);
	box-shadow: 26px 26px 67px -10px rgba(0,0,0,0.75);
}
.galeria{/*Declaramos galeria como contenedor flexible*/
    display:flex;
    flex-flow:row wrap;
}
.tablajug{
  background-color: rgb(0,0,0);
  color: white;
  min-width:325px;
}
.nomjug{
  font-size:2em;
  color: yellow;
}
.fotofrase{
  background-color: white;
  color:black;
  border:0px solid white;
}
.cuadrofotouno{
 min-width:25%;
}

.cuadrofotodos{
 width:40%;
}

.celdas{
  font-size:1.5em;
  line-height:1.1;
}

@media only screen and (max-width:500px){/*Cuando la ventana del navegador tenga menos de 500px de ancho, el elemento figure ocupará un 48% del ancho del contenedor galeria*/
.cuadrofotodos{
 width:51%;
}
  .celdas{
  font-size:0.9em;
}
}