diff --git a/contact.html b/contact.html
index 2120707..9760242 100644
--- a/contact.html
+++ b/contact.html
@@ -3,38 +3,39 @@
 
 <head>
   <title>6to Coloquio Uruguayo de Matémática-Contacto</title>
-  <meta name="description" content="6to Coloquio uruguayo de matemática" />
-  <meta name="keywords" content="6to coloquio uruguay matemática" />
-  <meta http-equiv="content-type" content="text/html; charset=utf8" />
+  <meta name="description" content="website description" />
+  <meta name="keywords" content="website keywords, website keywords" />
+  <meta http-equiv="content-type" content="text/html; charset=utf8" /> 
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">-->
   <link rel="stylesheet" type="text/css" href="style/style.css" />
   <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
+  <!-- Latest compiled and minified JavaScript -->
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
   <script type="text/javascript" src="js/app.js"></script>
 </head>
 
 
 <body>
   <div id="main">
-    <div id="header">
-      
-    </div>
-    <div id="site_content">
-      <div class="sidebar">
-        
-      </div>
-      <div id="content">
-        <h1>Contáctenos</h1>
-        
-        <form id="contactform" action="contact.php" method="post">
-          <div class="form_settings">
-            <p><span>Nombre</span><input class="contact" type="text" name="nombre" value="" required/></p>
-            <p><span>Email:</span><input class="contact" type="email" name="email" value="" required/></p>
-            <p><span>Mensage</span><textarea class="contact textarea" rows="8" cols="50" name="mensage" required></textarea></p>
-            <p style="padding-top: 15px"><span>&nbsp;</span><input class="submit" type="submit" name="contact_submitted" value="submit" /></p>
+    <div id="header" class="row"></div>
+    <div id="site_content" class="container">
+      <div class="row">
+        <div class="sidebar" class="col-xs-12 col-sm-4"></div>
+        <div id="content" class="col-xs-12 col-sm-8">
+          <h1>Contáctenos</h1>          
+          <form id="contactform" action="contact.php" method="post">
+            <div class="form_settings">
+              <p><span>Nombre</span><input class="contact" type="text" name="nombre" value="" required/></p>
+              <p><span>Email:</span><input class="contact" type="email" name="email" value="" required/></p>
+              <p><span>Mensage</span><textarea class="contact textarea" rows="8" cols="50" name="mensage" required></textarea></p>
+              <p style="padding-top: 15px"><span>&nbsp;</span><input class="submit" type="submit" name="contact_submitted" value="submit" /></p>
+            </div>
+          </form>
+          <br/>
+          <div id="statusmsg" class="alert alert-success">
+            <strong>Success!</strong> Indicates a successful or positive action.
           </div>
-        </form>
-        <br/>
-        <div id="statusmsg" class="alert alert-success">
-          <strong>Success!</strong> Indicates a successful or positive action.
         </div>
       </div>
     </div>
diff --git a/index.html b/index.html
index 87a7891..87a3327 100644
--- a/index.html
+++ b/index.html
@@ -5,46 +5,51 @@
   <title>6to Coloquio Uruguayo de Matémática</title>
   <meta name="description" content="website description" />
   <meta name="keywords" content="website keywords, website keywords" />
-  <meta http-equiv="content-type" content="text/html; charset=utf8" />
+  <meta http-equiv="content-type" content="text/html; charset=utf8" /> 
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">-->
   <link rel="stylesheet" type="text/css" href="style/style.css" />
   <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
+  <!-- Latest compiled and minified JavaScript -->
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
   <script type="text/javascript" src="js/app.js"></script>
 </head>
 
 <body>
   <div id="main">
-   <div id="header"></div>
-   <div id="site_content">
-     <div id="sidebar" class="sidebar"></div>
-      <div id="content">
-        <h1><strong>Bienvenidos al 6º Coloquio Uruguayo de Matemática 2017</strong></h1>
-        <!--<p>This standards compliant, simple, fixed width website template is released as an 'open source' design (under a <a href="http://creativecommons.org/licenses/by/3.0">Creative Commons Attribution 3.0 Licence</a>), which means that you are free to download and use it for anything you want (including modifying and amending it). All I ask is that you leave the 'design from HTML5webtemplates.co.uk' link in the footer of the template, but other than that...</p>
-        <p>This template is written entirely in <strong>HTML5</strong> and <strong>CSS</strong>, and can be validated using the links in the footer.</p>
-        <p>You can view more free HTML5 web templates <a href="http://www.html5webtemplates.co.uk">here</a>.</p>
-        <p>This template is a fully functional 5 page website, with an <a href="examples.html">examples</a> page that gives examples of all the styles available with this design.</p>
-        <h2>Browser Compatibility</h2>
-        <p>This template has been tested in the following browsers:</p>
-        <ul>
-          <li>Internet Explorer 8</li>
-          <li>FireFox 3</li>
-          <li>Google Chrome 13</li>
-        </ul>-->
-        
-        <h2>Comité organizador</h2>
-        <ul>
-          <li>Viviana Gubitosi</li>
-          <li>Juliana Xavier</li>
-          <li>Elisa Rocha</li>
-          <li>Ezequiel Maderna</li>
-          <li>Martín Reiris</li>
-        </ul>
-      </div>      
-    </div>
-  
-    <div id="footer">
-      <p><a href="index.html">Home</a> | <a href="examples.html">Examples</a> | <a href="page.html">A Page</a> | <a href="another_page.html">Another Page</a> | <a href="contact.html">Contact Us</a></p>
-      <p>Copyright &copy; night_sky_2 | <a href="http://validator.w3.org/check?uri=referer">HTML5</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://www.html5webtemplates.co.uk">Website templates</a></p>
-    </div>
+     <div id="header" class="row"></div>
+     <div id="site_content" class="container">
+        <div class="row">
+         <div id="sidebar" class="sidebar col-xs-12 col-sm-4"></div>
+         <div id="content" class="col-xs-12 col-sm-8">
+            <h1><strong>Bienvenidos al 6º Coloquio Uruguayo de Matemática 2017</strong></h1>
+            <!--<p>This standards compliant, simple, fixed width website template is released as an 'open source' design (under a <a href="http://creativecommons.org/licenses/by/3.0">Creative Commons Attribution 3.0 Licence</a>), which means that you are free to download and use it for anything you want (including modifying and amending it). All I ask is that you leave the 'design from HTML5webtemplates.co.uk' link in the footer of the template, but other than that...</p>
+            <p>This template is written entirely in <strong>HTML5</strong> and <strong>CSS</strong>, and can be validated using the links in the footer.</p>
+            <p>You can view more free HTML5 web templates <a href="http://www.html5webtemplates.co.uk">here</a>.</p>
+            <p>This template is a fully functional 5 page website, with an <a href="examples.html">examples</a> page that gives examples of all the styles available with this design.</p>
+            <h2>Browser Compatibility</h2>
+            <p>This template has been tested in the following browsers:</p>
+            <ul>
+              <li>Internet Explorer 8</li>
+              <li>FireFox 3</li>
+              <li>Google Chrome 13</li>
+            </ul>-->
+            
+            <h2>Comité organizador</h2>
+            <ul>
+              <li>Viviana Gubitosi</li>
+              <li>Juliana Xavier</li>
+              <li>Elisa Rocha</li>
+              <li>Ezequiel Maderna</li>
+              <li>Martín Reiris</li>
+            </ul>
+          </div>      
+        </div>
+      </div>
+      <div id="footer">
+        <p><a href="index.html">Home</a> | <a href="examples.html">Examples</a> | <a href="page.html">A Page</a> | <a href="another_page.html">Another Page</a> | <a href="contact.html">Contact Us</a></p>
+        <p>Copyright &copy; night_sky_2 | <a href="http://validator.w3.org/check?uri=referer">HTML5</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://www.html5webtemplates.co.uk">Website templates</a></p>
+      </div>
   </div>
 </body>
 </html>
diff --git a/register.html b/register.html
index b628607..0760480 100644
--- a/register.html
+++ b/register.html
@@ -6,79 +6,77 @@
   <meta name="description" content="website description" />
   <meta name="keywords" content="website keywords, website keywords" />
   <meta http-equiv="content-type" content="text/html; charset=utf8" /> 
-  <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
-  <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">-->
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">-->
   <link rel="stylesheet" type="text/css" href="style/style.css" />
   <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
-  <!-- Latest compiled and minified JavaScript 
+  <!-- Latest compiled and minified JavaScript -->
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
-  <script type="text/javascript" src="js/app.js"></script>-->
   <script type="text/javascript" src="js/app.js"></script>
+  
 </head>
 
 
 <body>
   <div id="main">
-    <div id="header">
-      
-    </div>
-    <div id="site_content">
-      <div class="sidebar">
-        
-      </div>
-      <div id="content">
-        <h1>Registrarse</h1>        
-        <form id="registerform" action="register.php" method="post">         
-          <div class="form_settings">            
-            <p class="inline-input">
-              <span>Nombre</span>
-              <!--bel for="nombre" class="control-label">Nombre</label>-->
-              <input placeholder="Juan" name="nombre" type="text" class="form-control" id="nombre" required>       
-              <label for="apellido" class="control-label">Apellido</label>
-              <input name="apellido" placeholder="Rodriguez" type="text" class="form-control" id="apellido" required>
-            </p>      
-            <p class="inline-input">
-              <span>Documento:</span>
+    <div id="header" class="row"></div>
+    <div id="site_content" class="container">
+      <div class="row">
+        <div class="sidebar" class="col-xs-12 col-sm-4"></div>
+        <div id="content" class="col-xs-12 col-sm-8">
+          <h1>Registrarse</h1>        
+          <form id="registerform" action="register.php" method="post">         
+            <div class="form_settings">            
+              <p class="inline-input">
+                <span>Nombre</span>
+                <!--bel for="nombre" class="control-label">Nombre</label>-->
+                <input placeholder="Juan" name="nombre" type="text" class="form-control" id="nombre" required>       
+                <label for="apellido" class="control-label">Apellido</label>
+                <input name="apellido" placeholder="Rodriguez" type="text" class="form-control" id="apellido" required>
+              </p>      
+              <p class="inline-input">
+                <span>Documento:</span>
+                
+                <select class="small" name="doctype" required id="doctype">
+                  <option>Tipo:</option>
+                  <option>C.I</option>
+                  <option>PSP</option>                  
+                </select>
+                <label for="docnro" class="control-label">Nro.</label>
+                <input placeholder="Seleccione Tipo.. " type="text" id="txtdocnro" name="docnro" required>
+              </p>
+              <p>
+                <span>Dirección:</span>
+                <input name="dir" placeholder="18 de Julio 1544" type="text" name="dir" required>                    
+              </p> 
+              <p class="inline-input">
+                <span>Pais: </span>
+                <!--<label for="pais" class="control-label">Pais</label>-->
+                <input placeholder="Uruguay" type="text" class="form-control" name="pais" required>
+                <label for="estado" class="control-label">Ciudad</label>
+                <input placeholder="Montevideo" type="text" name="ciudad" required>
+              </p> 
+              <p><span>Teléfono:</span><input placeholder="099 123 456" class="contact" type="text" name="tel" required /></p>
+              <p><span>Email:</span><input placeholder="mail@example.com" class="contact" type="email" name="email" value="" required/></p>          
+              <p><span>Profesión:</span><input placeholder="Profesor" class="contact" type="text" name="profesion" required/></p>       
               
-              <select class="small" name="doctype" required id="doctype">
-                <option>Tipo:</option>
-                <option>C.I</option>
-                <option>PSP</option>                  
-              </select>
-              <label for="docnro" class="control-label">Nro.</label>
-              <input placeholder="Seleccione Tipo.. " type="text" id="txtdocnro" name="docnro" required>
-            </p>
-            <p>
-              <span>Dirección:</span>
-              <input name="dir" placeholder="18 de Julio 1544" type="text" name="dir" required>                    
-            </p> 
-            <p class="inline-input">
-              <span>Pais: </span>
-              <!--<label for="pais" class="control-label">Pais</label>-->
-              <input placeholder="Uruguay" type="text" class="form-control" name="pais" required>
-              <label for="estado" class="control-label">Ciudad</label>
-              <input placeholder="Montevideo" type="text" name="ciudad" required>
-            </p> 
-            <p><span>Teléfono:</span><input placeholder="099 123 456" class="contact" type="text" name="tel" required /></p>
-            <p><span>Email:</span><input placeholder="mail@example.com" class="contact" type="email" name="email" value="" required/></p>          
-            <p><span>Profesión:</span><input placeholder="Profesor" class="contact" type="text" name="profesion" required/></p>       
-            
-            <p>
-              <span style="width:150px;">Precisa financiación?</span>              
-              <label>Si</label><input  type="radio" name="financiacion" value="si" id="sifinan"/>
-              <label>No</label><input  type="radio" checked="True" name="financiacion" value="no" id="nofinan"/>
-            </p>
-            <br/>
-            <p id="detallefinan">
-              <span>Detalle, con estimación de costo:</span>
-              <textarea class="contact textarea" type="text" rows="8" cols="50" name="detallefinan"></textarea>
-            </p>
-            
-            <p style="padding-top: 15px"><span>&nbsp;</span><input class="submit" type="submit" name="contact_submitted" value="submit" /></p>
+              <p>
+                <span style="width:150px;">Precisa financiación?</span>              
+                <label>Si</label><input  type="radio" name="financiacion" value="si" id="sifinan"/>
+                <label>No</label><input  type="radio" checked="True" name="financiacion" value="no" id="nofinan"/>
+              </p>
+              <br/>
+              <p id="detallefinan">
+                <span>Detalle, con estimación de costo:</span>
+                <textarea class="contact textarea" type="text" rows="8" cols="50" name="detallefinan"></textarea>
+              </p>
+              
+              <p style="padding-top: 15px"><span>&nbsp;</span><input class="submit" type="submit" name="contact_submitted" value="submit" /></p>
+            </div>
+          </form>
+          <div id="statusmsg" class="alert alert-success">
+            <strong>Success!</strong> Indicates a successful or positive action.
           </div>
-        </form>
-        <div id="statusmsg" class="alert alert-success">
-          <strong>Success!</strong> Indicates a successful or positive action.
         </div>
       </div>
     </div>
diff --git a/snippets/header.html b/snippets/header.html
index 0eb1dbf..2bda6c8 100644
--- a/snippets/header.html
+++ b/snippets/header.html
@@ -1,12 +1,12 @@
  
       <div id="logo">
-        <div id="logo_text">
+        <div id="logo_text" class="row">
           <!-- class="logo_colour", allows you to change the colour of the text -->
           <h1><a href="/">6to<span class="logo_colour"> Coloquio Uruguayo de Matemática</span></a></h1>
           <h2 style="font-size:29px;"><strong>20, 21 y 22 de Diciembre</strong></h2>
         </div>
       </div>
-      <div id="menubar">
+      <div id="menubar" class="row">
         <ul id="menu">
           <li class="selected"><a href="/">Inicio</a></li>
           <li><a href="contact.html">Contacto</a></li>
diff --git a/style/style.css b/style/style.css
index a2dd50f..0e23af8 100644
--- a/style/style.css
+++ b/style/style.css
@@ -4,21 +4,28 @@ body
 { font-family: "lucida sans", arial, sans-serif;
   padding: 0px;
   margin: 0px;
-  font-size: .78em;
+  font-size: 13px;
   background: #090708;
   color: #5D5D5D;
   
 }
 body{
-  background: 
+  /*background: 
     linear-gradient(
       rgba(0, 0, 0, 0.8), 
       rgba(0, 0, 0, 0.8)
     ),
-    url(background.jpg);
+    url(background.jpg);*/
+    background-color: white;
   
 
 }
+
+@media screen and (min-width: 1200px) {
+    .container{
+      width: 970px; 
+    }
+}
 p
 { margin: 0px;
   padding: 0px 0px 16px 0px;
@@ -201,7 +208,7 @@ ul#menu li a:hover
 { color: #FC9C04;}
 
 #site_content
-{ width: 858px;
+{ /*width: 858px;*/
   overflow: hidden;
   margin: 0 auto 0 auto;
   padding: 10px 20px 20px 20px;
