diff --git a/css/app.css b/css/app.css
new file mode 100644
index 0000000..fb42d96
--- /dev/null
+++ b/css/app.css
@@ -0,0 +1,63 @@
+.nav {
+  display:none;
+}
+
+#main {
+  max-width: 35rem;
+  margin: auto;
+  text-align: justify;
+}
+
+#typography {
+  max-width: 50rem;
+  padding: 0.7rem;
+  margin: auto;
+}
+
+@media(min-width: 45rem){
+  .nav {
+    width: 8rem;
+    display: block;
+  }
+
+  #main {
+    margin-left: 12rem;
+  }
+}
+
+#Sobre h1 {
+  font-size: 2.1rem;
+}
+
+h1, #Sobre h2 {
+  font-weight: 700;
+  font-size: 1.7rem;
+}
+
+h2 {
+  font-size: 1.5rem;
+  font-weight: 500;
+}
+
+.charla h1 {
+  font-size: 1rem;
+  font-weight: 600;
+  margin-bottom: 0;
+}
+
+p {
+  font-size: 1rem;
+}
+
+section {
+  margin-bottom: 1.5rem;
+}
+
+.page-header {
+  margin: auto;
+}
+
+img {
+  padding-bottom: 2rem;
+  max-width: 100%;
+}
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..eec312e
Binary files /dev/null and b/favicon.ico differ
diff --git a/index.html b/index.html
index 4afa311..0ce0c9d 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,7 @@
     <![endif]-->
 
     <link href="bootstrap.min.css" rel="stylesheet">
-    <link href="./css/bootstrap-responsive.min.css" rel="stylesheet">
+    <link href="./css/app.css" rel="stylesheet">
 
   </head><!--
  data-spy="scroll" data-target=".nav" -->
@@ -21,128 +21,150 @@
 <!-- Typography
 ================================================== -->
 <section id="typography">
-  <!-- Headings & Paragraph Copy -->
-  <div class="row">
-
-    <div class="span3">
-      <ul class="nav nav-tabs nav-stacked affix">
-        <li><a href="#Sobre">Inicio</a></li>
-        <li><a href="#Lugar">Lugar</a></li>
-        <li><a href="#Hackaton">Hackaton</a></li>
-        <li><a href="#Conferencia">Conferencia</a></li>
-        <li><a href="#Patrocinadores">Patrocinadores</a></li>
-      </ul>
-    </div>
-
-    <div class="span10">
-            <section id="Sobre">
-        <h1>TrisferaConf 2013</h1>
-<p>El Trisfera Conf es el evento de desarrollo web y móvil más grande de Panamá. Serán dos días donde podrás aprender sobre las últimas tendencias en el mundo del desarrollo web y compartir con otros programadores y diseñadores panameños.</p>
-<p>Habrán concursos de programación, premios, charlas y talleres.</p>
-<h4>¿A quién está dirigido?</h4>
-<p>
-Tanto a profesionales en la industria del desarrollo web y móvil como a estudiantes y personas interesadas en incursionar en el mundo de la programación.
-</p>
-<p>Registrate ya! Cupos limitados</p>
-<a href="http://trisferaconf2013.eventbrite.com/" target="_new" class="btn btn-large btn-success">Registro</a>
-</section>
-      <section id="Lugar">
-      <h2>Lugar</h2>
-<p>Edificio 184, Centro de Convenciones, Ciudad del Saber</p>
-      </section>
-      <section id="Hackaton">
-                <h2>Hackaton</h2>
-                <h3>Viernes 9 de Agosto</h3>
-                <h4>Concurso de Programación</h4>
-                <p>Horario: 6:00pm a 10:00pm</p>
-<p>¡Esta es tu oportunidad para demostrar qué tan buen programador eres!</p>
-<p>
-El concurso consistirá en resolver distintos problemas de la manera más eficiente posible. Habrán varias categorías en base a la dificultad de los problemas y muchos premios para los participantes. La participación será de manera individual y los problemas se podrán resolver en cualquiera de los siguientes lenguajes: C, Clojure, C++, C#, D, Erlang, Go, Groovy, Haskell, Java, Javascript, Lua, Objective C, OCaml, Pascal, Perl, PHP, Python, Ruby, Lisp, Scala.
-</p>
-      </section>
-      <section id="Conferencia">
-        <div class="page-header">
-        <h2>Conferencia</h2>
-        <h3>Sábado 10 de Agosto</h3>
-        <h4>Charlas y exposiciones</h4>
-<p>Horario: 10:00am a 4:00pm</p>
-        </div>
-<table class="table table-striped">
-              <thead>
-                <tr>
-                  <th>Hora</th>
-                  <th>Expositor</th>
-                  <th>Tema</th>
-                  <th>Contacto</th>
-                </tr>
-              </thead>
-              <tbody>
-                  <tr>
-                  <td>10:00 AM - 10:10 AM</td>
-                  <td><a href="https://twitter.com/molekilla" target="_blank">Rogelio Morrell</a></td>
-                  <td>Inicio a TrisferaConf 2013</td>
-                  <td><a href="https://www.facebook.com/groups/trisfera/" target="_blank">facebook.com/trisfera</a></td>
-                </tr>
-                <tr>
-                  <td>10:15 AM - 10:55 AM</td>
-                  <td><a href="https://twitter.com/initsogar" target="_blank">Rafael Agostini</a></td>
-                  <td>Programar y conectar por Panamá</td>
-                  <td><a href="https://twitter.com/Initsogar" target="_blank">@Initsogar</a></td>
-                </tr>
-                <tr>
-                  <td>11:05 AM - 11:45 AM</td>
-                  <td><a href="https://twitter.com/demogar" target="_blank">Demostenes Garcia</a></td>
-                  <td>JavaScript para el desarrollo móvil con Titanium</td>
-                  <td><a href="https://twitter.com/demogar" target="_blank">@demogar</a></td>
-                </tr>
-                <tr>
-                  <td>12:00 PM - 12:45 PM</td>
-                  <td><a href="https://twitter.com/fernandodevega" target="_blank">Fernando de Vega</a></td>
-                  <td>Lanza tu aplicación: Lo que debes saber sobre deployments</td>
-                  <td><a href="https://twitter.com/fernandodevega" target="_blank">@fernandodevega</a></td>
-                </tr>
-                  <tr>
-                  <td>12:45 PM - 01:30 PM</td>
-                  <td></td>
-                  <td colspan="2">Coffee Break (por Roostack)</td>
-                </tr>
-                  <tr>
-                  <td>01:30 PM - 02:05 PM</td>
-                  <td><a href="https://twitter.com/firebait" target="_blank">Marco Tapia</a></td>
-                  <td>El Arte de la Teletransportación: Agile para equipos distribuidos</td>
-                  <td><a href="https://twitter.com/firebait" target="_blank">@firebait</a></td>
-                </tr>
-                  <tr>
-                  <td>02:15 PM - 03:00 PM</td>
-                   <td>Diego Molino</td>
-                  <td>Por definir</td>
-                  <td>Por definir</td>
-                </tr>
-                  <tr>
-                  <td>03:00 PM - 03:45 PM</td>
-                  <td><a href="https://twitter.com/danilo04" target="_blank">Danilo Dominguez</a></td>
-                  <td>La Batalla de los Lenguajes de Programación</td>
-                  <td><a href="https://twitter.com/danilo04" target="_blank">@danilo04</a></td>
-                </tr>
-                                <tr>
-                  <td>03:45 PM - 04:00 PM</td>
-                  <td></td>
-                  <td colspan="2">Cierre y agradecimientos</td>
-                </tr>
-              </tbody>
-            </table>
-      </section>
-      <section id="Patrocinadores">
-        <div class="page-header"><h2>Patrocinadores</h2></div>
-        <img src="Trisfera_logo2.png"/>
-        <img src="logo-neostream.png"/>
-                <img src="Admios.png"/>
-      </section>
+
+  <ul class="nav nav-tabs nav-stacked affix">
+    <li><a href="#Sobre">Inicio</a></li>
+    <li><a href="#Lugar">Lugar</a></li>
+    <li><a href="#Hackaton">Hackaton</a></li>
+    <li><a href="#Conferencia">Conferencia</a></li>
+    <li><a href="#Patrocinadores">Patrocinadores</a></li>
+  </ul>
+
+  <div id="main">
+
+    <section id="Sobre">
+      <h1>TrisferaConf 2013</h1>
+      <p>El Trisfera Conf es el evento de desarrollo web y móvil más grande de Panamá. Serán dos días donde podrás aprender sobre las últimas tendencias en el mundo del desarrollo web y compartir con otros programadores y diseñadores panameños.</p>
+      <p>Habrán concursos de programación, premios, charlas y talleres.</p>
+      <h2>¿A quién está dirigido?</h2>
+      <p>
+      Tanto a profesionales en la industria del desarrollo web y móvil como a estudiantes y personas interesadas en incursionar en el mundo de la programación.
+      </p>
+      <p>¡Regístrate ya! Cupos limitados</p>
+      <a href="http://trisferaconf2013.eventbrite.com/" target="_new" class="btn btn-large btn-success">Registro</a>
+    </section>
+
+    <section id="Lugar">
+      <h1>Lugar</h1>
+      <p>Edificio 184, Centro de Convenciones, Ciudad del Saber</p>
+    </section>
+
+    <section id="Hackaton">
+      <h1>Hackaton</h1>
+      <h2>Viernes 9 de Agosto</h2>
+      <h2>Concurso de Programación</h2>
+      <p>Horario: 6:00pm a 10:00pm</p>
+      <p>¡Esta es tu oportunidad para demostrar qué tan buen programador eres!</p>
+      <p>
+      El concurso consistirá en resolver distintos problemas de la manera más eficiente posible. Habrán varias categorías en base a la dificultad de los problemas y muchos premios para los participantes. La participación será de manera individual y los problemas se podrán resolver en cualquiera de los siguientes lenguajes: C, Clojure, C++, C#, D, Erlang, Go, Groovy, Haskell, Java, Javascript, Lua, Objective C, OCaml, Pascal, Perl, PHP, Python, Ruby, Lisp, Scala.
+      </p>
+    </section>
+
+    <section id="Conferencia">
+
+      <div class="page-header">
+        <h1>Conferencia</h1>
+        <h2>Sábado 10 de Agosto</h2>
+        <h2>Charlas y exposiciones</h2>
+      </div>
+
+      <table class="table table-striped">
+        <thead>
+          <tr>
+            <th>Hora</th>
+            <th>Expositor</th>
+            <th>Tema</th>
+          </tr>
+        </thead>
+        <tbody>
+            <tr>
+            <td>10:00 AM - 10:10 AM</td>
+            <td><a href="https://twitter.com/molekilla" target="_blank">Rogelio Morrell</a></td>
+            <td>Inicio a TrisferaConf 2013</td>
+          </tr>
+          <tr>
+            <td>10:15 AM - 10:55 AM</td>
+            <td><a href="https://twitter.com/initsogar" target="_blank">Rafael Agostini</a></td>
+            <td><a href="#charla-programar-conectar">Programar y conectar por Panamá</a></td>
+          </tr>
+          <tr>
+            <td>11:05 AM - 11:45 AM</td>
+            <td><a href="https://twitter.com/demogar" target="_blank">Demostenes Garcia</a></td>
+            <td><a href="#charla-titanium">JavaScript para el desarrollo móvil con Titanium</a></td>
+          </tr>
+          <tr>
+            <td>12:00 PM - 12:45 PM</td>
+            <td><a href="https://twitter.com/fernandodevega" target="_blank">Fernando de Vega</a></td>
+            <td><a href="#charla-deployments">Lanza tu aplicación: Lo que debes saber sobre deployments</a></td>
+          </tr>
+          <tr>
+            <td>12:45 PM - 01:30 PM</td>
+            <td colspan="2">Coffee Break (por Roostack)</td>
+          </tr>
+          <tr>
+            <td>01:30 PM - 02:05 PM</td>
+            <td><a href="https://twitter.com/firebait" target="_blank">Marco Tapia</a></td>
+            <td><a href="#charla-agile">El Arte de la Teletransportación: Agile para equipos distribuidos</a></td>
+          </tr>
+          <tr>
+            <td>02:15 PM - 03:00 PM</td>
+             <td>Diego Molino</td>
+            <td>Por definir</td>
+          </tr>
+          <tr>
+            <td>03:00 PM - 03:45 PM</td>
+            <td><a href="https://twitter.com/danilo04" target="_blank">Danilo Dominguez</a></td>
+            <td><a href="#charla-batalla-lenguajes">La Batalla de los Lenguajes de Programación</a></td>
+          </tr>
+          <tr>
+            <td>03:45 PM - 04:00 PM</td>
+            <td colspan="2">Cierre y agradecimientos</td>
+          </tr>
+        </tbody>
+      </table>
+
+      <h2>Descripción de las Charlas</h2>
+
+      <div class="charla" id="charla-programar-conectar">
+        <h1>Programar y conectar por Panamá</h1>
+        <p>¿Cómo podemos sacarle provecho a Internet y al mundo móvil para aportar nuestro granito de arena al desarrollo tecnológico del país?</p>
+      </div>
+
+      <div class="charla" id="charla-titanium">
+        <h1>JavaScript para el desarrollo móvil con Titanium</h1>
+        <p>Aprenderemos a utilizar Titanium de Appcelerator y el lenguaje de programación Javascript para el desarrollo de aplicaciones móviles multiplataformas.</p>
+      </div>
+
+      <div class="charla" id="charla-deployments">
+        <h1>Lanza tu aplicación: Lo que debes saber sobre deployments</h1>
+        <p>Como developers tendemos a concentrarnos mucho en el desarrollo de la aplicación por lo que muchas veces ignoramos algo igual de  importante que el desarrollo: el lanzamiento (deployment) de tu aplicación.  En esta charla veremos los pormenores de lo que involucra un lanzamiento; cómo planificar la arquitectura de tu servicio, los diferentes proveedores de IaaS, sus diferencias y sus términos, cómo realizar un estimado de los recursos que necesitará tu aplicación y como planificar para un servicio constante y redundante.</p>
+      </div>
+
+      <div class="charla" id="charla-agile">
+        <h1>El Arte de la Teletransportación: Agile para equipos distribuidos</h1>
+        <p>Agile tiene muchos mitos, pero se cree que el mito mas grande de Agile es que no funciona con equipos distribuidos. En esta presentación veremos que técnicas son empleadas para facilitar el trabajo remoto de desarrolladores, contratistas y porque no clientes, veremos los principios básicos de Agile y como se convierten en una herramienta integral para equipos distribuidos, y por ultimo veremos ejemplos de desarrolladores que trabajan dia a dia usando Agile distribuido.</p>
+      </div>
+
+      <div class="charla" id="charla-batalla-lenguajes">
+        <h1>La Batalla de los Lenguajes de Programación</h1>
+        <p>Todo sobre los lenguajes de programación. Paradigmas de programación, lenguajes estáticos versus lenguajes dinámicos, lenguajes imperativos versus lenguajes funcionales y cuales lenguajes de programación son mejores para desarrollar aplicaciones web.</p>
+      </div>
+
     </section>
-    </div>
 
+    <section id="Patrocinadores">
+      <div class="page-header">
+        <h1>Patrocinadores</h1>
+      </div>
+      <img src="Trisfera_logo2.png"/>
+      <img src="logo-neostream.png"/>
+      <img src="Admios.png"/>
+    </section>
+
+  </div>
 </section>
+
 <script src="http://code.jquery.com/jquery.js"></script>
 <script src="./js/bootstrap.js"></script>
-  </body>
-  </html>
+</body>
+</html>