#foto-container, .foto-container {width:100%;}
#alfavit-container {border: brown 1px solid; position: relative;}

.escribir-animal-foto { border:1px solid brown; margin:0 auto; width:230px; height:230px; }
	.escribir-animal-foto img {width:100%!important;}
.foto-container { /*position:absolute;*/ top:20px; }
.escribir-animal-wrapper { }
.escribir-animal { display: flex; justify-content: center; align-items: center; margin-top:10px; }
.escribir-cuadros { display:flex; margin:0 auto; }
.escribir-cuadros > div { width:40px; height:40px; background:#ffffff; border:1px solid brown; font-size:30px; text-align:center; }
.game-next { position:absolute; right:10px; height:300px; width:100px; cursor:pointer; background: url(/assets/images/default/strelka-r.png) no-repeat 50% 50%; background-size:90%; }
.alfavit {/*margin-top:330px;*/margin-top:30px; width:99%; margin-left:auto; margin-right:auto;}
.letras {width: 35px; height: 35px; background: yellow; display: inline-block; border: brown 1px solid; text-align:center; border-radius: 5px; margin:2px 0; padding:2px 2px 2px 2px; cursor:pointer; font-size: 30px; color: brown;}

/*
@media only screen and (max-width: 780px) {.alfavit {margin-top: 300px;}}
@media only screen and (max-width: 640px) {.alfavit {margin-top: 250px;}}
@media only screen and (max-width: 490px) {.alfavit {margin-top: 200px;}}
*/