diff --git a/index.php b/index.php
index 6776305..4124a4e 100644
--- a/index.php
+++ b/index.php
@@ -33,9 +33,9 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
 
-    <!-- <script src="<?php echo $url; ?>/js/jQuery.js"></script> -->
-    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
-    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
+    <script src="<?php echo $url; ?>/js/jQuery.js"></script>
+<!--     <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
+ -->    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 
@@ -211,7 +211,7 @@
         }
 
         <?php
-        if ($pagina[0] == 'trivia' || $pagina[0] == 'juego' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
+        if ($pagina[0] == 'trivia' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
         ?>
         .menu_base {
             /* background: rgb(166, 43, 78); */

diff --git a/index.php b/index.php
index 6776305..4124a4e 100644
--- a/index.php
+++ b/index.php
@@ -33,9 +33,9 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
 
-    <!-- <script src="<?php echo $url; ?>/js/jQuery.js"></script> -->
-    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
-    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
+    <script src="<?php echo $url; ?>/js/jQuery.js"></script>
+<!--     <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
+ -->    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 
@@ -211,7 +211,7 @@
         }
 
         <?php
-        if ($pagina[0] == 'trivia' || $pagina[0] == 'juego' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
+        if ($pagina[0] == 'trivia' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
         ?>
         .menu_base {
             /* background: rgb(166, 43, 78); */
diff --git a/views/chat.php b/views/chat.php
index da1395b..67fefd1 100644
--- a/views/chat.php
+++ b/views/chat.php
@@ -77,6 +77,17 @@
         font-size: 22px !important;
     }
 
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
+    }
+    .size-10 {
+        font-size: 10px;
+    }
+
     .color-primary {
         color: #fafafa;
         background: #b2003eff;
@@ -129,9 +140,9 @@
             } else {
                 var html = "";
                 inicio = `
-                    <div style="height: 100px;">
-                        <div class="text-center" style="margin-top: 20%; ">
-                            <h4 class="size-22" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
+                    <div >
+                        <div class="text-center" style="margin-top: 10%; ">
+                            <h4 class="size-12" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
                         </div>
                     </div>
                     `;
@@ -146,7 +157,7 @@
                         
                         <div class="row">
                 <div class="col-12">
-                  <p class="text-center color-p">` + fecha.toLocaleDateString() + `</p>
+                  <p class="text-center color-p size-10">` + fecha.toLocaleDateString() + `</p>
                 </div>
               </div>
               `;
@@ -156,10 +167,10 @@
                     if (msj.name != myName) {
                         item +=
                             `
-                <div class="col-11 message other-message">
-                  <b class="color-p">` + msj.name + `</b><br>
-                  <span class="text-justify">` + msj.content + `</span>
-                  <div class="time" text-right>
+                <div class="col-9 message other-message">
+                  <b class="color-p size-12">` + msj.name + `</b><br>
+                  <span class=" size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>
@@ -169,9 +180,9 @@
                             `
                 <div class="col-3"></div>
                 <div class="col-9 message my-message">
-                  <b class="color-s">T&uacute;</b><br>
-                  <span>` + msj.content + `</span>
-                  <div class="time" text-right>
+                  <b class="color-s size-12">T&uacute;</b><br>
+                  <span class="size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>`;
@@ -234,16 +245,15 @@
 
 <div id="main">
     <div class="header1">
-        <h1 class="size-t" id="titulo"></h1>
+        <h1 class="size-16" id="titulo"></h1>
     </div>
-    <br>
     <div id="contenedor"></div>
 
 
     <div class="footer2" id="footer">
         <div class="input-group">
-            <input class="form-control" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
-            <button class="btn color-primary" id="btn_send" onclick="sendMsj()">Enviar</button>
+            <input class="form-control" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <button class="btn color-primary" style="font-size: 12px;"  id="btn_send" onclick="sendMsj()">Enviar</button>
         </div>
 
     </div>

diff --git a/index.php b/index.php
index 6776305..4124a4e 100644
--- a/index.php
+++ b/index.php
@@ -33,9 +33,9 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
 
-    <!-- <script src="<?php echo $url; ?>/js/jQuery.js"></script> -->
-    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
-    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
+    <script src="<?php echo $url; ?>/js/jQuery.js"></script>
+<!--     <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
+ -->    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 
@@ -211,7 +211,7 @@
         }
 
         <?php
-        if ($pagina[0] == 'trivia' || $pagina[0] == 'juego' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
+        if ($pagina[0] == 'trivia' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
         ?>
         .menu_base {
             /* background: rgb(166, 43, 78); */
diff --git a/views/chat.php b/views/chat.php
index da1395b..67fefd1 100644
--- a/views/chat.php
+++ b/views/chat.php
@@ -77,6 +77,17 @@
         font-size: 22px !important;
     }
 
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
+    }
+    .size-10 {
+        font-size: 10px;
+    }
+
     .color-primary {
         color: #fafafa;
         background: #b2003eff;
@@ -129,9 +140,9 @@
             } else {
                 var html = "";
                 inicio = `
-                    <div style="height: 100px;">
-                        <div class="text-center" style="margin-top: 20%; ">
-                            <h4 class="size-22" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
+                    <div >
+                        <div class="text-center" style="margin-top: 10%; ">
+                            <h4 class="size-12" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
                         </div>
                     </div>
                     `;
@@ -146,7 +157,7 @@
                         
                         <div class="row">
                 <div class="col-12">
-                  <p class="text-center color-p">` + fecha.toLocaleDateString() + `</p>
+                  <p class="text-center color-p size-10">` + fecha.toLocaleDateString() + `</p>
                 </div>
               </div>
               `;
@@ -156,10 +167,10 @@
                     if (msj.name != myName) {
                         item +=
                             `
-                <div class="col-11 message other-message">
-                  <b class="color-p">` + msj.name + `</b><br>
-                  <span class="text-justify">` + msj.content + `</span>
-                  <div class="time" text-right>
+                <div class="col-9 message other-message">
+                  <b class="color-p size-12">` + msj.name + `</b><br>
+                  <span class=" size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>
@@ -169,9 +180,9 @@
                             `
                 <div class="col-3"></div>
                 <div class="col-9 message my-message">
-                  <b class="color-s">T&uacute;</b><br>
-                  <span>` + msj.content + `</span>
-                  <div class="time" text-right>
+                  <b class="color-s size-12">T&uacute;</b><br>
+                  <span class="size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>`;
@@ -234,16 +245,15 @@
 
 <div id="main">
     <div class="header1">
-        <h1 class="size-t" id="titulo"></h1>
+        <h1 class="size-16" id="titulo"></h1>
     </div>
-    <br>
     <div id="contenedor"></div>
 
 
     <div class="footer2" id="footer">
         <div class="input-group">
-            <input class="form-control" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
-            <button class="btn color-primary" id="btn_send" onclick="sendMsj()">Enviar</button>
+            <input class="form-control" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <button class="btn color-primary" style="font-size: 12px;"  id="btn_send" onclick="sendMsj()">Enviar</button>
         </div>
 
     </div>
diff --git a/views/juego.php b/views/juego.php
index 4cec899..fc3f77a 100644
--- a/views/juego.php
+++ b/views/juego.php
@@ -20,15 +20,27 @@
 
     .pie {
         float: right;
-        font-size: 15px;
+        font-size: 10px;
+    }
+
+    .size-22 {
+        font-size: 22px;
+    }
+
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
     }
 
     .btn-send {
-        border-radius: 30px;
+        border-radius: 25px;
         margin-bottom: 15px;
-        padding: 10px 30px;
+        padding: 5px 30px;
         color: #fafafa;
-        font-size: 20px;
+        font-size: 15px;
         background-color: #b2003eff;
         border: 0;
         font-family: S-Core-CoreSansBold;
@@ -101,19 +113,18 @@
 <div class="container-fluid">
 
 
-    <div class="row">
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow-x: hidden;">
-            <h2 class="text-center color-p"><?php echo 'Pista: '.$juego['id']; ?> </h2>
-            <span style="text-align: justify;"> <?php echo $juego['descripcion']; ?> </span>
-            <br>
-            <br>
-            <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
-        </div>
+    <div class="row" style="padding-top: 10px;">
+
         <?php
         if (!$moderador) {
         ?>
-
-            <div class="col-6">
+            <div class="col-3" style="height: 250px; overflow: scroll; overflow-x: hidden;">
+                <h2 class="text-center color-p size-16"><?php echo 'Pista: ' . $juego['id']; ?> </h2>
+                <span class="size-12"> <?php echo $juego['descripcion']; ?> </span>
+                <br>
+                <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
+            </div>
+            <div class="col-6" style="height: 250px; width: 250px; overflow-x: hidden;">
                 <!-- <iframe width="100%" height="500px" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAw_VEeJAY7R9kuABvgz9e9CiKogTW3MFc&q=<?php echo $juego['lugar']; ?>">
                 </iframe> -->
 
@@ -122,15 +133,12 @@
         <?php
         }
         ?>
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow: scroll; overflow-x: hidden;">
+        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 250px; overflow: scroll; overflow-x: hidden;">
             <?php include("chat.php"); ?>
         </div>
 
-    </div>
-    <br>
-    <div class="row">
-        <div class="col-6" style="padding-left: 40px;">
-            <h3 class="color-p text-center">Preguntas</h3><br>
+        <div class="col-6" style="height: 200px; overflow-x: hidden; padding-left: 40px; padding-top: 10px;">
+            <h3 class="color-p text-center size-22">Preguntas</h3><br>
             <form action="" method="post" enctype="multipart/form-data">
                 <div class="row">
                     <?php
@@ -142,31 +150,31 @@
 
 
 
-                        echo '<b class="text-center">' . $pregunta['pregunta'] . "</b><br><br>";
+                        echo '<b class="text-center size-12">' . $pregunta['pregunta'] . "</b><br><br>";
                         if ($moderador) {
                     ?>
 
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="1" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="1" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_1']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="2" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="2" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_2']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="3" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="3" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_3']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="4" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="4" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_4']; ?>
                                 </label>
                             </div>
@@ -230,7 +238,7 @@
                         <input type="file" name="image" class="form-control-file" id="Subirimagen" required>
                     </div>
 
-                    <button name="btn_form" type="submit" class="btn btn-outline-success" >
+                    <button name="btn_form" type="submit" class="btn btn-outline-success">
                         Enviar <i class="fa fa-arrow-right" aria-hidden="true" style=" margin-left: 8px;"></i>
                     </button>
                 <?php
@@ -238,8 +246,8 @@
                 ?>
             </form>
         </div>
-        <div class="col-6">
-            <iframe width="560" height="315" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
+        <div class="col-6" style="height: 180px;  overflow-x: hidden; ">
+            <iframe width="560" height="180" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
 
         </div>
 

diff --git a/index.php b/index.php
index 6776305..4124a4e 100644
--- a/index.php
+++ b/index.php
@@ -33,9 +33,9 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
 
-    <!-- <script src="<?php echo $url; ?>/js/jQuery.js"></script> -->
-    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
-    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
+    <script src="<?php echo $url; ?>/js/jQuery.js"></script>
+<!--     <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
+ -->    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 
@@ -211,7 +211,7 @@
         }
 
         <?php
-        if ($pagina[0] == 'trivia' || $pagina[0] == 'juego' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
+        if ($pagina[0] == 'trivia' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
         ?>
         .menu_base {
             /* background: rgb(166, 43, 78); */
diff --git a/views/chat.php b/views/chat.php
index da1395b..67fefd1 100644
--- a/views/chat.php
+++ b/views/chat.php
@@ -77,6 +77,17 @@
         font-size: 22px !important;
     }
 
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
+    }
+    .size-10 {
+        font-size: 10px;
+    }
+
     .color-primary {
         color: #fafafa;
         background: #b2003eff;
@@ -129,9 +140,9 @@
             } else {
                 var html = "";
                 inicio = `
-                    <div style="height: 100px;">
-                        <div class="text-center" style="margin-top: 20%; ">
-                            <h4 class="size-22" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
+                    <div >
+                        <div class="text-center" style="margin-top: 10%; ">
+                            <h4 class="size-12" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
                         </div>
                     </div>
                     `;
@@ -146,7 +157,7 @@
                         
                         <div class="row">
                 <div class="col-12">
-                  <p class="text-center color-p">` + fecha.toLocaleDateString() + `</p>
+                  <p class="text-center color-p size-10">` + fecha.toLocaleDateString() + `</p>
                 </div>
               </div>
               `;
@@ -156,10 +167,10 @@
                     if (msj.name != myName) {
                         item +=
                             `
-                <div class="col-11 message other-message">
-                  <b class="color-p">` + msj.name + `</b><br>
-                  <span class="text-justify">` + msj.content + `</span>
-                  <div class="time" text-right>
+                <div class="col-9 message other-message">
+                  <b class="color-p size-12">` + msj.name + `</b><br>
+                  <span class=" size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>
@@ -169,9 +180,9 @@
                             `
                 <div class="col-3"></div>
                 <div class="col-9 message my-message">
-                  <b class="color-s">T&uacute;</b><br>
-                  <span>` + msj.content + `</span>
-                  <div class="time" text-right>
+                  <b class="color-s size-12">T&uacute;</b><br>
+                  <span class="size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>`;
@@ -234,16 +245,15 @@
 
 <div id="main">
     <div class="header1">
-        <h1 class="size-t" id="titulo"></h1>
+        <h1 class="size-16" id="titulo"></h1>
     </div>
-    <br>
     <div id="contenedor"></div>
 
 
     <div class="footer2" id="footer">
         <div class="input-group">
-            <input class="form-control" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
-            <button class="btn color-primary" id="btn_send" onclick="sendMsj()">Enviar</button>
+            <input class="form-control" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <button class="btn color-primary" style="font-size: 12px;"  id="btn_send" onclick="sendMsj()">Enviar</button>
         </div>
 
     </div>
diff --git a/views/juego.php b/views/juego.php
index 4cec899..fc3f77a 100644
--- a/views/juego.php
+++ b/views/juego.php
@@ -20,15 +20,27 @@
 
     .pie {
         float: right;
-        font-size: 15px;
+        font-size: 10px;
+    }
+
+    .size-22 {
+        font-size: 22px;
+    }
+
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
     }
 
     .btn-send {
-        border-radius: 30px;
+        border-radius: 25px;
         margin-bottom: 15px;
-        padding: 10px 30px;
+        padding: 5px 30px;
         color: #fafafa;
-        font-size: 20px;
+        font-size: 15px;
         background-color: #b2003eff;
         border: 0;
         font-family: S-Core-CoreSansBold;
@@ -101,19 +113,18 @@
 <div class="container-fluid">
 
 
-    <div class="row">
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow-x: hidden;">
-            <h2 class="text-center color-p"><?php echo 'Pista: '.$juego['id']; ?> </h2>
-            <span style="text-align: justify;"> <?php echo $juego['descripcion']; ?> </span>
-            <br>
-            <br>
-            <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
-        </div>
+    <div class="row" style="padding-top: 10px;">
+
         <?php
         if (!$moderador) {
         ?>
-
-            <div class="col-6">
+            <div class="col-3" style="height: 250px; overflow: scroll; overflow-x: hidden;">
+                <h2 class="text-center color-p size-16"><?php echo 'Pista: ' . $juego['id']; ?> </h2>
+                <span class="size-12"> <?php echo $juego['descripcion']; ?> </span>
+                <br>
+                <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
+            </div>
+            <div class="col-6" style="height: 250px; width: 250px; overflow-x: hidden;">
                 <!-- <iframe width="100%" height="500px" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAw_VEeJAY7R9kuABvgz9e9CiKogTW3MFc&q=<?php echo $juego['lugar']; ?>">
                 </iframe> -->
 
@@ -122,15 +133,12 @@
         <?php
         }
         ?>
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow: scroll; overflow-x: hidden;">
+        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 250px; overflow: scroll; overflow-x: hidden;">
             <?php include("chat.php"); ?>
         </div>
 
-    </div>
-    <br>
-    <div class="row">
-        <div class="col-6" style="padding-left: 40px;">
-            <h3 class="color-p text-center">Preguntas</h3><br>
+        <div class="col-6" style="height: 200px; overflow-x: hidden; padding-left: 40px; padding-top: 10px;">
+            <h3 class="color-p text-center size-22">Preguntas</h3><br>
             <form action="" method="post" enctype="multipart/form-data">
                 <div class="row">
                     <?php
@@ -142,31 +150,31 @@
 
 
 
-                        echo '<b class="text-center">' . $pregunta['pregunta'] . "</b><br><br>";
+                        echo '<b class="text-center size-12">' . $pregunta['pregunta'] . "</b><br><br>";
                         if ($moderador) {
                     ?>
 
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="1" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="1" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_1']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="2" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="2" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_2']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="3" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="3" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_3']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="4" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="4" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_4']; ?>
                                 </label>
                             </div>
@@ -230,7 +238,7 @@
                         <input type="file" name="image" class="form-control-file" id="Subirimagen" required>
                     </div>
 
-                    <button name="btn_form" type="submit" class="btn btn-outline-success" >
+                    <button name="btn_form" type="submit" class="btn btn-outline-success">
                         Enviar <i class="fa fa-arrow-right" aria-hidden="true" style=" margin-left: 8px;"></i>
                     </button>
                 <?php
@@ -238,8 +246,8 @@
                 ?>
             </form>
         </div>
-        <div class="col-6">
-            <iframe width="560" height="315" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
+        <div class="col-6" style="height: 180px;  overflow-x: hidden; ">
+            <iframe width="560" height="180" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
 
         </div>
 
diff --git a/views/mapa.php b/views/mapa.php
index 01fe3fa..d9f24ab 100644
--- a/views/mapa.php
+++ b/views/mapa.php
@@ -2,7 +2,7 @@
       /* Always set the map height explicitly to define the size of the div
        * element that contains the map. */
       #map {
-        height: 500px;
+        height: 250px;
       }
       /* Optional: Makes the sample page fill the window. */
       

diff --git a/index.php b/index.php
index 6776305..4124a4e 100644
--- a/index.php
+++ b/index.php
@@ -33,9 +33,9 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
 
-    <!-- <script src="<?php echo $url; ?>/js/jQuery.js"></script> -->
-    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
-    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
+    <script src="<?php echo $url; ?>/js/jQuery.js"></script>
+<!--     <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
+ -->    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 
@@ -211,7 +211,7 @@
         }
 
         <?php
-        if ($pagina[0] == 'trivia' || $pagina[0] == 'juego' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
+        if ($pagina[0] == 'trivia' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
         ?>
         .menu_base {
             /* background: rgb(166, 43, 78); */
diff --git a/views/chat.php b/views/chat.php
index da1395b..67fefd1 100644
--- a/views/chat.php
+++ b/views/chat.php
@@ -77,6 +77,17 @@
         font-size: 22px !important;
     }
 
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
+    }
+    .size-10 {
+        font-size: 10px;
+    }
+
     .color-primary {
         color: #fafafa;
         background: #b2003eff;
@@ -129,9 +140,9 @@
             } else {
                 var html = "";
                 inicio = `
-                    <div style="height: 100px;">
-                        <div class="text-center" style="margin-top: 20%; ">
-                            <h4 class="size-22" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
+                    <div >
+                        <div class="text-center" style="margin-top: 10%; ">
+                            <h4 class="size-12" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
                         </div>
                     </div>
                     `;
@@ -146,7 +157,7 @@
                         
                         <div class="row">
                 <div class="col-12">
-                  <p class="text-center color-p">` + fecha.toLocaleDateString() + `</p>
+                  <p class="text-center color-p size-10">` + fecha.toLocaleDateString() + `</p>
                 </div>
               </div>
               `;
@@ -156,10 +167,10 @@
                     if (msj.name != myName) {
                         item +=
                             `
-                <div class="col-11 message other-message">
-                  <b class="color-p">` + msj.name + `</b><br>
-                  <span class="text-justify">` + msj.content + `</span>
-                  <div class="time" text-right>
+                <div class="col-9 message other-message">
+                  <b class="color-p size-12">` + msj.name + `</b><br>
+                  <span class=" size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>
@@ -169,9 +180,9 @@
                             `
                 <div class="col-3"></div>
                 <div class="col-9 message my-message">
-                  <b class="color-s">T&uacute;</b><br>
-                  <span>` + msj.content + `</span>
-                  <div class="time" text-right>
+                  <b class="color-s size-12">T&uacute;</b><br>
+                  <span class="size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>`;
@@ -234,16 +245,15 @@
 
 <div id="main">
     <div class="header1">
-        <h1 class="size-t" id="titulo"></h1>
+        <h1 class="size-16" id="titulo"></h1>
     </div>
-    <br>
     <div id="contenedor"></div>
 
 
     <div class="footer2" id="footer">
         <div class="input-group">
-            <input class="form-control" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
-            <button class="btn color-primary" id="btn_send" onclick="sendMsj()">Enviar</button>
+            <input class="form-control" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <button class="btn color-primary" style="font-size: 12px;"  id="btn_send" onclick="sendMsj()">Enviar</button>
         </div>
 
     </div>
diff --git a/views/juego.php b/views/juego.php
index 4cec899..fc3f77a 100644
--- a/views/juego.php
+++ b/views/juego.php
@@ -20,15 +20,27 @@
 
     .pie {
         float: right;
-        font-size: 15px;
+        font-size: 10px;
+    }
+
+    .size-22 {
+        font-size: 22px;
+    }
+
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
     }
 
     .btn-send {
-        border-radius: 30px;
+        border-radius: 25px;
         margin-bottom: 15px;
-        padding: 10px 30px;
+        padding: 5px 30px;
         color: #fafafa;
-        font-size: 20px;
+        font-size: 15px;
         background-color: #b2003eff;
         border: 0;
         font-family: S-Core-CoreSansBold;
@@ -101,19 +113,18 @@
 <div class="container-fluid">
 
 
-    <div class="row">
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow-x: hidden;">
-            <h2 class="text-center color-p"><?php echo 'Pista: '.$juego['id']; ?> </h2>
-            <span style="text-align: justify;"> <?php echo $juego['descripcion']; ?> </span>
-            <br>
-            <br>
-            <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
-        </div>
+    <div class="row" style="padding-top: 10px;">
+
         <?php
         if (!$moderador) {
         ?>
-
-            <div class="col-6">
+            <div class="col-3" style="height: 250px; overflow: scroll; overflow-x: hidden;">
+                <h2 class="text-center color-p size-16"><?php echo 'Pista: ' . $juego['id']; ?> </h2>
+                <span class="size-12"> <?php echo $juego['descripcion']; ?> </span>
+                <br>
+                <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
+            </div>
+            <div class="col-6" style="height: 250px; width: 250px; overflow-x: hidden;">
                 <!-- <iframe width="100%" height="500px" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAw_VEeJAY7R9kuABvgz9e9CiKogTW3MFc&q=<?php echo $juego['lugar']; ?>">
                 </iframe> -->
 
@@ -122,15 +133,12 @@
         <?php
         }
         ?>
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow: scroll; overflow-x: hidden;">
+        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 250px; overflow: scroll; overflow-x: hidden;">
             <?php include("chat.php"); ?>
         </div>
 
-    </div>
-    <br>
-    <div class="row">
-        <div class="col-6" style="padding-left: 40px;">
-            <h3 class="color-p text-center">Preguntas</h3><br>
+        <div class="col-6" style="height: 200px; overflow-x: hidden; padding-left: 40px; padding-top: 10px;">
+            <h3 class="color-p text-center size-22">Preguntas</h3><br>
             <form action="" method="post" enctype="multipart/form-data">
                 <div class="row">
                     <?php
@@ -142,31 +150,31 @@
 
 
 
-                        echo '<b class="text-center">' . $pregunta['pregunta'] . "</b><br><br>";
+                        echo '<b class="text-center size-12">' . $pregunta['pregunta'] . "</b><br><br>";
                         if ($moderador) {
                     ?>
 
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="1" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="1" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_1']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="2" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="2" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_2']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="3" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="3" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_3']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="4" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="4" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_4']; ?>
                                 </label>
                             </div>
@@ -230,7 +238,7 @@
                         <input type="file" name="image" class="form-control-file" id="Subirimagen" required>
                     </div>
 
-                    <button name="btn_form" type="submit" class="btn btn-outline-success" >
+                    <button name="btn_form" type="submit" class="btn btn-outline-success">
                         Enviar <i class="fa fa-arrow-right" aria-hidden="true" style=" margin-left: 8px;"></i>
                     </button>
                 <?php
@@ -238,8 +246,8 @@
                 ?>
             </form>
         </div>
-        <div class="col-6">
-            <iframe width="560" height="315" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
+        <div class="col-6" style="height: 180px;  overflow-x: hidden; ">
+            <iframe width="560" height="180" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
 
         </div>
 
diff --git a/views/mapa.php b/views/mapa.php
index 01fe3fa..d9f24ab 100644
--- a/views/mapa.php
+++ b/views/mapa.php
@@ -2,7 +2,7 @@
       /* Always set the map height explicitly to define the size of the div
        * element that contains the map. */
       #map {
-        height: 500px;
+        height: 250px;
       }
       /* Optional: Makes the sample page fill the window. */
       
diff --git a/views/menu.php b/views/menu.php
index d5f0422..ae7417d 100644
--- a/views/menu.php
+++ b/views/menu.php
@@ -200,8 +200,8 @@
 
 </div>
 
-<div class="col-md-12" align="left" style="height: 60px">
-</div>
+<!-- <div class="col-md-12" align="left" style="height: 60px">
+</div> -->
 
 <script>
     function Ver_Menu() {

diff --git a/index.php b/index.php
index 6776305..4124a4e 100644
--- a/index.php
+++ b/index.php
@@ -33,9 +33,9 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
 
-    <!-- <script src="<?php echo $url; ?>/js/jQuery.js"></script> -->
-    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
-    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
+    <script src="<?php echo $url; ?>/js/jQuery.js"></script>
+<!--     <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
+ -->    <!-- <script   src="https://code.jquery.com/jquery-3.6.0.js"   integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="   crossorigin="anonymous"></script> -->
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 
@@ -211,7 +211,7 @@
         }
 
         <?php
-        if ($pagina[0] == 'trivia' || $pagina[0] == 'juego' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
+        if ($pagina[0] == 'trivia' || $pagina[0] == 'concursos' || $pagina[0] == 'home' || $pagina[0] == 'login' || $pagina[0] == 'muestra' || $pagina[0] == 'lobby' || $pagina[0] == 'auditorio' || $pagina[0] == 'salones' || $pagina[0] == 'stand') {
         ?>
         .menu_base {
             /* background: rgb(166, 43, 78); */
diff --git a/views/chat.php b/views/chat.php
index da1395b..67fefd1 100644
--- a/views/chat.php
+++ b/views/chat.php
@@ -77,6 +77,17 @@
         font-size: 22px !important;
     }
 
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
+    }
+    .size-10 {
+        font-size: 10px;
+    }
+
     .color-primary {
         color: #fafafa;
         background: #b2003eff;
@@ -129,9 +140,9 @@
             } else {
                 var html = "";
                 inicio = `
-                    <div style="height: 100px;">
-                        <div class="text-center" style="margin-top: 20%; ">
-                            <h4 class="size-22" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
+                    <div >
+                        <div class="text-center" style="margin-top: 10%; ">
+                            <h4 class="size-12" >Bienvenido al chat grupal del equipo ` + nameGroup + `</h4>
                         </div>
                     </div>
                     `;
@@ -146,7 +157,7 @@
                         
                         <div class="row">
                 <div class="col-12">
-                  <p class="text-center color-p">` + fecha.toLocaleDateString() + `</p>
+                  <p class="text-center color-p size-10">` + fecha.toLocaleDateString() + `</p>
                 </div>
               </div>
               `;
@@ -156,10 +167,10 @@
                     if (msj.name != myName) {
                         item +=
                             `
-                <div class="col-11 message other-message">
-                  <b class="color-p">` + msj.name + `</b><br>
-                  <span class="text-justify">` + msj.content + `</span>
-                  <div class="time" text-right>
+                <div class="col-9 message other-message">
+                  <b class="color-p size-12">` + msj.name + `</b><br>
+                  <span class=" size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>
@@ -169,9 +180,9 @@
                             `
                 <div class="col-3"></div>
                 <div class="col-9 message my-message">
-                  <b class="color-s">T&uacute;</b><br>
-                  <span>` + msj.content + `</span>
-                  <div class="time" text-right>
+                  <b class="color-s size-12">T&uacute;</b><br>
+                  <span class="size-12">` + msj.content + `</span>
+                  <div class="time size-10" text-right>
                     ` + fecha.toLocaleTimeString() + `
                   </div>
                 </div>`;
@@ -234,16 +245,15 @@
 
 <div id="main">
     <div class="header1">
-        <h1 class="size-t" id="titulo"></h1>
+        <h1 class="size-16" id="titulo"></h1>
     </div>
-    <br>
     <div id="contenedor"></div>
 
 
     <div class="footer2" id="footer">
         <div class="input-group">
-            <input class="form-control" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
-            <button class="btn color-primary" id="btn_send" onclick="sendMsj()">Enviar</button>
+            <input class="form-control" style="font-size: 12px;" type="text" placeholder="Escribe el mensaje aquí ..." id="text" value="">
+            <button class="btn color-primary" style="font-size: 12px;"  id="btn_send" onclick="sendMsj()">Enviar</button>
         </div>
 
     </div>
diff --git a/views/juego.php b/views/juego.php
index 4cec899..fc3f77a 100644
--- a/views/juego.php
+++ b/views/juego.php
@@ -20,15 +20,27 @@
 
     .pie {
         float: right;
-        font-size: 15px;
+        font-size: 10px;
+    }
+
+    .size-22 {
+        font-size: 22px;
+    }
+
+    .size-12 {
+        font-size: 12px;
+    }
+
+    .size-16 {
+        font-size: 16px;
     }
 
     .btn-send {
-        border-radius: 30px;
+        border-radius: 25px;
         margin-bottom: 15px;
-        padding: 10px 30px;
+        padding: 5px 30px;
         color: #fafafa;
-        font-size: 20px;
+        font-size: 15px;
         background-color: #b2003eff;
         border: 0;
         font-family: S-Core-CoreSansBold;
@@ -101,19 +113,18 @@
 <div class="container-fluid">
 
 
-    <div class="row">
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow-x: hidden;">
-            <h2 class="text-center color-p"><?php echo 'Pista: '.$juego['id']; ?> </h2>
-            <span style="text-align: justify;"> <?php echo $juego['descripcion']; ?> </span>
-            <br>
-            <br>
-            <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
-        </div>
+    <div class="row" style="padding-top: 10px;">
+
         <?php
         if (!$moderador) {
         ?>
-
-            <div class="col-6">
+            <div class="col-3" style="height: 250px; overflow: scroll; overflow-x: hidden;">
+                <h2 class="text-center color-p size-16"><?php echo 'Pista: ' . $juego['id']; ?> </h2>
+                <span class="size-12"> <?php echo $juego['descripcion']; ?> </span>
+                <br>
+                <b class="pie text-right color-p">Visita la siguiente latitud y longitud en Google Maps: <br> <?php echo $juego['lugar']; ?></b>
+            </div>
+            <div class="col-6" style="height: 250px; width: 250px; overflow-x: hidden;">
                 <!-- <iframe width="100%" height="500px" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAw_VEeJAY7R9kuABvgz9e9CiKogTW3MFc&q=<?php echo $juego['lugar']; ?>">
                 </iframe> -->
 
@@ -122,15 +133,12 @@
         <?php
         }
         ?>
-        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 500px; overflow: scroll; overflow-x: hidden;">
+        <div class="col-<?php echo $moderador ? 6 : 3; ?>" style="height: 250px; overflow: scroll; overflow-x: hidden;">
             <?php include("chat.php"); ?>
         </div>
 
-    </div>
-    <br>
-    <div class="row">
-        <div class="col-6" style="padding-left: 40px;">
-            <h3 class="color-p text-center">Preguntas</h3><br>
+        <div class="col-6" style="height: 200px; overflow-x: hidden; padding-left: 40px; padding-top: 10px;">
+            <h3 class="color-p text-center size-22">Preguntas</h3><br>
             <form action="" method="post" enctype="multipart/form-data">
                 <div class="row">
                     <?php
@@ -142,31 +150,31 @@
 
 
 
-                        echo '<b class="text-center">' . $pregunta['pregunta'] . "</b><br><br>";
+                        echo '<b class="text-center size-12">' . $pregunta['pregunta'] . "</b><br><br>";
                         if ($moderador) {
                     ?>
 
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="1" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="1" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_1']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="2" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="2" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_2']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="3" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="3" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_3']; ?>
                                 </label>
                             </div>
                             <div class="form-check">
-                                <input class="form-check-input" type="radio" name="check<?php echo $aux; ?>" value="4" />
-                                <label class="form-check-label" for="flexCheckDefault">
+                                <input class="form-check-input" style="font-size: 10px;" type="radio" name="check<?php echo $aux; ?>" value="4" />
+                                <label class="form-check-label" style="font-size: 10px;" for="flexCheckDefault">
                                     <?php echo $pregunta['op_4']; ?>
                                 </label>
                             </div>
@@ -230,7 +238,7 @@
                         <input type="file" name="image" class="form-control-file" id="Subirimagen" required>
                     </div>
 
-                    <button name="btn_form" type="submit" class="btn btn-outline-success" >
+                    <button name="btn_form" type="submit" class="btn btn-outline-success">
                         Enviar <i class="fa fa-arrow-right" aria-hidden="true" style=" margin-left: 8px;"></i>
                     </button>
                 <?php
@@ -238,8 +246,8 @@
                 ?>
             </form>
         </div>
-        <div class="col-6">
-            <iframe width="560" height="315" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
+        <div class="col-6" style="height: 180px;  overflow-x: hidden; ">
+            <iframe width="560" height="180" src="https://www.youtube.com/embed/sfp1kPXpa-o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowautoplay allowfullscreen></iframe>
 
         </div>
 
diff --git a/views/mapa.php b/views/mapa.php
index 01fe3fa..d9f24ab 100644
--- a/views/mapa.php
+++ b/views/mapa.php
@@ -2,7 +2,7 @@
       /* Always set the map height explicitly to define the size of the div
        * element that contains the map. */
       #map {
-        height: 500px;
+        height: 250px;
       }
       /* Optional: Makes the sample page fill the window. */
       
diff --git a/views/menu.php b/views/menu.php
index d5f0422..ae7417d 100644
--- a/views/menu.php
+++ b/views/menu.php
@@ -200,8 +200,8 @@
 
 </div>
 
-<div class="col-md-12" align="left" style="height: 60px">
-</div>
+<!-- <div class="col-md-12" align="left" style="height: 60px">
+</div> -->
 
 <script>
     function Ver_Menu() {
diff --git a/views/stand.php b/views/stand.php
index e2ce118..8bfc3ec 100644
--- a/views/stand.php
+++ b/views/stand.php
@@ -50,7 +50,7 @@
         color: white !important;
     }
 
-   /*  @media screen and (max-height: 674px) {}
+    /*  @media screen and (max-height: 674px) {}
 
     @media screen and (min-height: 675px) and (max-height: 816px) {}
 
@@ -58,7 +58,7 @@
 
     @media screen and (min-height: 1024px) and (max-height: 1750px) {} */
 
-  /*   @media screen and (min-width: 1750px) {
+    /*   @media screen and (min-width: 1750px) {
         .btn-1-1 {
             position: absolute !important;
             top: 10% !important;
@@ -168,6 +168,7 @@
         </div>
     </div>
 </div>
+
 <div class="modal fade" id="modal_zonas" tabindex="-1" role="dialog" aria-hidden="true">
     <div class="modal-dialog">
         <div class="modal-content">
@@ -198,20 +199,40 @@
 <div class="e_web">
 
     <?php
-    if ($id == 1 || $id == 2) {
+    if ($id == 1) {
     ?>
         <div class="row text-center">
             <div class="col-12">
-                <button type="button" class="btn" data-toggle="modal" data-target="#modal_descargar" style="position: absolute; top: 270px; left: 360px;">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_descargar" style="position: absolute; top: 180px; left: 370px;">
                     <img src="/img/img_wd/bt_descargar.png" width="100px" alt="">
                 </button>
-                <button type="button"  class="btn" data-toggle="modal" data-target="#modal_videos_info" style="position: absolute; top: 290px; right: 400px;">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_videos_info" style="position: absolute; top: 240px; right: 400px;">
                     <img src="/img/img_wd/bt_video.png" width="100px" alt="">
                 </button>
-                <button type="button" class="btn" data-toggle="modal" data-target="#modal_chat" style="position: absolute; top: 270px; right: 600px;">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_chat" style="position: absolute; top: 220px; right: 600px;">
                     <img src="/img/img_wd/bt_chat.png" width="100px" alt="">
                 </button>
-                <button type="button" class="btn" data-toggle="modal" data-target="#modal_zonas" style="position: absolute; top: 270px; left: 160px;">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_zonas" style="position: absolute; top: 180px; left: 180px;">
+                    <img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
+                </button>
+            </div>
+        </div>
+
+    <?php
+    } else if ($id == 2) {
+    ?>
+        <div class="row text-center">
+            <div class="col-12">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_descargar" style="position: absolute; top: 160px; left: 370px;">
+                    <img src="/img/img_wd/bt_descargar.png" width="100px" alt="">
+                </button>
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_videos_info" style="position: absolute; top: 230px; right: 400px;">
+                    <img src="/img/img_wd/bt_video.png" width="100px" alt="">
+                </button>
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_chat" style="position: absolute; top: 210px; right: 600px;">
+                    <img src="/img/img_wd/bt_chat.png" width="100px" alt="">
+                </button>
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_zonas" style="position: absolute; top: 210px; left: 160px;">
                     <img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
                 </button>
             </div>
@@ -222,16 +243,16 @@
     ?>
         <div class="row text-center">
             <div class="col-12">
-                <button type="button" class="btn" data-toggle="modal" data-target="#modal_descargar" style="position: absolute; top: 260px; right: 400px;">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_descargar" style="position: absolute; top: 150px; right: 410px;">
                     <img src="/img/img_wd/bt_descargar.png" width="100px" alt="">
                 </button>
-                <button type="button" class="btn" data-toggle="modal" data-target="#modal_videos_info" style="position: absolute; top: 290px; left: 280px;">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_videos_info" style="position: absolute; top: 230px; left: 280px;">
                     <img src="/img/img_wd/bt_video.png" width="100px" alt="">
                 </button>
-                <button type="button" class="btn" data-toggle="modal" data-target="#modal_chat" style="position: absolute; top: 270px; right: 600px;">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_chat" style="position: absolute; top: 200px; right: 600px;">
                     <img src="/img/img_wd/bt_chat.png" width="100px" alt="">
                 </button>
-                <button type="button" class="btn" data-toggle="modal" data-target="#modal_zonas" style="position: absolute; top: 260px; right: 150px;">
+                <button type="button" class="btn" data-toggle="modal" data-target="#modal_zonas" style="position: absolute; top: 180px; right: 150px;">
                     <img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
                 </button>
             </div>
@@ -243,24 +264,36 @@
         <div class="row text-center">
             <div class="col-12">
                 <a href="#" target="_blank">
-                    <button type="button" class="btn"><img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt=""></button>
+                    <button type="button" class="btn" style="position: absolute; top: 220px; left: 350px;">
+                        <img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
+                    </button>
                 </a>
                 <a href="#" target="_blank">
-                    <button type="button" class="btn"><img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt=""></button>
+                    <button type="button" class="btn" style="position: absolute; top: 220px; right: 350px;">
+                        <img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
+                    </button>
                 </a>
 
                 <a href="#" target="_blank">
-                    <button type="button" class="btn"><img src="/img/img_wd/bt_descargar.png" width="100px" alt=""></button>
+                    <button type="button" class="btn" style="position: absolute; top: 180px; left: 505px;">
+                    <img src="/img/img_wd/bt_descargar.png" width="100px" alt="">
+                    </button>
                 </a>
                 <a href="#" target="_blank">
-                    <button type="button" class="btn"><img src="/img/img_wd/bt_descargar.png" width="100px" alt=""></button>
+                    <button type="button" class="btn" style="position: absolute; top: 180px; right: 475px;">
+                    <img src="/img/img_wd/bt_descargar.png" width="100px" alt="">
+                    </button>
                 </a>
-                
+
                 <a href="#" target="_blank">
-                    <button type="button" class="btn"><img src="https://www.compralohuila.com/img/whatsapp.png" width="30"></button>
+                    <button type="button" class="btn" style="position: absolute; top: 220px; left: 235px;">
+                    <img src="https://www.compralohuila.com/img/whatsapp.png" width="30">
+                    </button>
                 </a>
                 <a href="#" target="_blank">
-                    <button type="button" class="btn"><img src="https://www.compralohuila.com/img/whatsapp.png" width="30"></button>
+                    <button type="button" class="btn" style="position: absolute; top: 210px; right: 275px;">
+                    <img src="https://www.compralohuila.com/img/whatsapp.png" width="30">
+                    </button>
                 </a>
             </div>
         </div>
@@ -293,7 +326,7 @@
     <?php /* echo $bt_dr; */ ?>
 
     <div>
-        <a class="fixed-bottom" href="<?php echo $url; ?>/muestra" >
+        <a class="fixed-bottom" href="<?php echo $url; ?>/muestra">
             <button type="button" class="btn btn-danger" style="border-radius: 30px; margin-bottom: 15px; margin-left: 10%; color: #000; font-size: 15px; background-color: #fdd300; border: 0; font-family: S-Core-CoreSansBold;">
                 <i class="fa fa-arrow-left" aria-hidden="true"></i> Stands
             </button>
@@ -301,7 +334,7 @@
         </a>
     </div>
 
-    <div  align="right">
+    <div align="right">
         <a href="<?php echo $url; ?>/lobby" class="fixed-bottom">
             <button type="button" class="btn btn-danger" style="border-radius: 30px; margin-bottom: 15px; margin-right: 10%; color: #000; font-size: 15px; background-color: #fdd300; border: 0; font-family: S-Core-CoreSansBold;">
                 <i class="fa fa-arrow-left" aria-hidden="true"></i> Lobby