diff --git a/footer.php b/footer.php
index 9fd9f9a..651e4f2 100644
--- a/footer.php
+++ b/footer.php
@@ -28,10 +28,24 @@
 		</div>
 
 		<div class="mlogo">
-			<div class="sidebar-user2 span2">Asier Gogortza. All right reserved 
+			<div class="sidebar-user2 span2"></div> 
 		</div>		
 	</div>
 </div>
+<script>
+jQuery(document).ready(function() {
+	jQuery('.head').bind('click',function() { window.location = '/'; }); 
+}); 
+jQuery(document).scroll(function() {
+	return;
+	winH = window.screen.height;	
+	posS = window.scrollY;
+	menH = jQuery('.sidebar-right1').height()
+	if ( winH+posS < menH ) { jQuery('.sidebar-right1').css('position','relative'); }
+	else { jQuery('sidebar-right1').css('top',0); jQuery('.sidebar-right1').css('position','fixed');}
+});
+</script>
+
 </div>
 
 	<?php wp_footer(); ?>
diff --git a/header.php b/header.php
new file mode 100644
index 0000000..77fd530
--- /dev/null
+++ b/header.php
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
+<head profile="http://gmpg.org/xfn/11">
+	<title><?php wp_title( '|', true, 'right' ); ?></title>
+	<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />	
+	<meta name="viewport" content="width=device-width" />
+	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
+	<?php wp_get_archives('type=monthly&format=link'); ?>
+	<?php wp_head(); ?>
+	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,600" rel="stylesheet">
+</head>
+<body <?php body_class(); ?>>
+
+
+
+<div class="main">
+	<div class="content-main">
diff --git a/index.php b/index.php
index fe817f2..979bb91 100644
--- a/index.php
+++ b/index.php
@@ -8,7 +8,7 @@
 <?php get_header(); ?> 
 <!-- header -->
 <div class="row">
-<div class="col-md-4">
+<div class="col-xs-12 col-sm-6 col-md-4">
 	<div class="sidebar-right1 span2">
 			 		<div class="head">
 						<?php if ( function_exists( 'jetpack_the_site_logo' ) ) jetpack_the_site_logo(); ?>
@@ -18,7 +18,7 @@
 		<?php dynamic_sidebar( 'sidebar-left' ); ?>
 	</div>
 </div>
-<div class="col-md-8">
+<div class="col-xs-12 col-sm-6 col-md-8">
 	<div class=row">
 <?php 
 	$args = array( 'posts_per_page' => -1, 'category' => 10 );
diff --git a/page.php b/page.php
index ed74976..6435f82 100644
--- a/page.php
+++ b/page.php
@@ -8,7 +8,7 @@
 <?php get_header(); ?> 
 <!-- header -->
 <div class="row">
-<div class="col-md-4">
+<div class="col-xs-12 col-sm-6 col-md-4">
 	<div class="sidebar-right1 span2">
 			 		<div class="head">
 						<?php if ( function_exists( 'jetpack_the_site_logo' ) ) jetpack_the_site_logo(); ?>
@@ -18,7 +18,7 @@
 		<?php dynamic_sidebar( 'sidebar-left' ); ?>
 	</div>
 </div>
-<div class="col-md-8">
+<div class="col-xs-12 col-sm-6 col-md-8">
 	<!--content-->
 	<div class="row">
 		<div class="content">
diff --git a/single.php b/single.php
index cdd06e6..c8d5abb 100644
--- a/single.php
+++ b/single.php
@@ -1,7 +1,7 @@
 <?php get_header(); ?> 
 
 <div class="row">
-<div class="col-md-4">
+<div class="col-xs-12 col-sm-6 col-md-4">
 	<div class="sidebar-right1 span2">
 			 		<div class="head">
 						<?php if ( function_exists( 'jetpack_the_site_logo' ) ) jetpack_the_site_logo(); ?>
@@ -11,12 +11,12 @@
 		<?php dynamic_sidebar( 'sidebar-left' ); ?>
 	</div>
 </div>
-<div class="col-md-8">  
+<div class="col-xs-12 col-sm-6 col-md-8">  
 		<div class="content">
 			<?php if(have_posts()) : ?>
 			<?php while(have_posts()) : the_post(); ?>
 			<div class="post-main"> 
-				<h1><?php the_title(); ?></h1>
+				<!--h1><?php the_title(); ?></h1-->
 				<div class="post">
 					<?php the_content(); ?>
 					
diff --git a/style.css b/style.css
index daa44e3..567dca3 100644
--- a/style.css
+++ b/style.css
@@ -10,12 +10,20 @@
  Text Domain:  asierg
  */
 
+@font-face {
+	
+}
+
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600'); 
+
 body {
-	font-family:roboto,Helvetica,Arial,sans-serif;
+	font-family:'Open Sans',roboto,Helvetica,Arial,sans-serif;
+	font-size:12pt;
 }
 
 a { text-decoration:none;}
 
+.content-main { margin-top:0; }
 
 /* footer */
 
@@ -26,29 +34,57 @@ a { text-decoration:none;}
 
 /*sidebar-right1*/
 
+.sidebar-right1 { position:fixed; }
+
+@media (max-device-width: 767px) {
+	.sidebar-right1 {position:relative !important; }
+}
+
+
 .sidebar-right1 .site-title {
-	font-family: old-standard, serif;
+	display:none;
+	font-family: 'Lato',old-standard, serif;
+	margin-top:0;
+	width:100%;
+	height:100px;
+}
+
+.sidebar-right1 .widgettitle {
+	margin-bottom:0 !important;
 }
 
 .sidebar-user2 {
 		font-size:0.7em;
 }
-
+.sidebar-right1 .head:hover {cursor:pointer; }
 .sidebar-right1 .head {
 	padding-bottom:20px;
-	margin-bottom:20px;
-	border-bottom:1px dashed #000;
+	margin-bottom:0px;
+	/*border-bottom:1px dashed #000;*/
+	background-image:url('http://asierg.audio-lab.org/wp-content/uploads/2017/01/logo2.png');
+	background-size:contain;
+	background-repeat:no-repeat;
 }
 
+.head h1 a {font-size:1.0em;}
+.head h1 a:hover {font-size:1.0em;}
+.sidebar-right1 a {font-size:0.9em;}
+
 .sidebar-right1 a:hover,
 .sidebar-right1 .head h1 a:hover { color:#333;}
 
-h2 {font-weight:800 !important;}
+.current-menu-item { text-decoration:underline !important; }
+
+#menu-item-110 a,
+h2 {font-size:0.8em !important; font-weight:600 !important; font:'Open sans';}
 
 input { border: 1px solid #ccc; }
 textarea { border: 1px solid #ccc; }
 
-.sidebar-right1 .widgettitle { border:0; font-size:1.2em; }
+.sidebar-right1 .widget { margin: 8px 0 0 0; }
+.sidebar-right1 .widgettitle { border:0; font-size:0.9em; }
+
+.sidebar-right1 .menu > li  a {font-size:0.8em;}
 
 .sidebar-righ1 .menu > li a:hover,
 .sidebar-right1 .widget_nav_menu a:hover,
@@ -64,11 +100,16 @@ textarea { border: 1px solid #ccc; }
 
 .sidebar-right1 .widget_nav_menu li { padding:0; }
 
+/*portada*/
+.projects { margin-top: 6px; }
+
 /*post content*/
+.post p {font-size:0.7em;margin:0 0 0px;}
+.content { margin-top:0px; }
 
 #gallery-1 img {
 	border:0 !important;
 }
 
 .gallery .gallery-item img, .gallery .gallery-item img.thumbnail { padding:0 !important;}
-dt {padding:0 !important;}
+dt {margin-bottom:20px;padding:0 !important;}
diff --git a/template-portada.php b/template-portada.php
new file mode 100644
index 0000000..cc81ac8
--- /dev/null
+++ b/template-portada.php
@@ -0,0 +1,57 @@
+<?php
+/**
+ * Template Name: Portada Asier Gogortza
+ *
+ */
+?>
+
+<?php get_header(); ?> 
+<!-- header -->
+<div class="row">
+<div class="col-xs-12 col-sm-6 col-md-3">
+	<div class="sidebar-right1 span2">
+					<div class="head">
+						<?php if ( function_exists( 'jetpack_the_site_logo' ) ) jetpack_the_site_logo(); ?>
+						<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
+						<h4 class="site-description"><?php bloginfo( 'description' ); ?></h4>
+					</div>
+		<?php dynamic_sidebar( 'sidebar-left' ); ?>
+	</div>
+</div>
+<div class="col-xs-12 col-sm-6 col-md-7">
+	<!-- get projets -->
+	<div class="row projects">
+	<?php 
+	$projects = get_posts(array('category'=> '10', 'nopaging' => 'true','orderby'=>'date','order'=>'DESC' )); 
+	foreach ($projects as $p) :
+		$id = $p->ID; ?>
+		<div class="col-md-4" style="padding:10px;">
+		<a href="<?php echo get_the_permalink($id); ?>"><div class="thumb" style="background-image:url('<?php echo get_the_post_thumbnail_url($id,'medium'); ?>'); background-size:cover;width:100%; padding-bottom:100%; background-position: center center;"><?php //echo get_the_title($id); ?></div></a>
+		</div>
+	<?php
+	endforeach; 
+	?>
+	</div>
+	<!-- end projects -->
+
+
+	<!--content-->
+	<div class="row">
+		<div class="content" style="min-height:0;">
+			<?php if(have_posts()) : ?>
+			<?php while(have_posts()) : the_post(); ?>
+			<div class="post-main"> 
+				<div class="post">
+					<?php the_content(); ?>
+					
+					<?php wp_link_pages( $args ); ?>
+
+				</div>
+			</div>
+			<?php endwhile; ?>
+			<?php endif; ?>
+		</div>
+	</div>
+</div>
+</div>
+<?php get_footer(); ?>
