Primer commit

assets/css/banner/baner-imagen.css

@@ -0,0 +1,17 @@
+.banner__imagen{
+    background: url('../../img/banner.png') no-repeat center / cover;
+    width: 100%;
+}
+
+@media screen and (min-width:0){
+    .banner__imagen{
+        height: calc(100vh - 51px);
+    }
+}
+
+
+@media screen and (min-width:768px){
+    .banner__imagen{
+        height: calc(100vh - 72px);
+    }
+}

assets/css/banner/banner-titulo.css

@@ -0,0 +1,25 @@
+.banner__titulo{
+    color: #fdfdfd;
+    font-family: Pacifico, cursive;
+
+    position: absolute;
+    left: 50%;
+    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.75);
+    top: 50%;
+    text-align: center;
+    transform: translate(-50%, -50%);
+    width: 100%;
+
+}
+
+@media screen and (min-width:0) {
+    .banner__titulo{
+        font-size: 3rem;
+    }
+}
+
+@media screen and (min-width:768px) {
+    .banner__titulo{
+        font-size: 5.0625rem;
+    }
+}

assets/css/banner/banner.css

@@ -0,0 +1,3 @@
+.banner{
+    position: relative;
+}

assets/css/cabecera.css

@@ -0,0 +1,22 @@
+.cabecera { 
+    align-items: center;
+    background: #f9f9f9;
+    display: flex;
+    justify-content: space-between;
+    padding-left: 2rem;
+    padding-right: 2rem;
+}
+
+@media screen and (min-width:0) {
+    .cabecera{
+        padding: 0 1rem;
+        justify-content: center;
+    }
+}
+
+@media screen and (min-width:768px) {
+    .cabecera{
+        padding: 0 5rem;
+        justify-content: space-between;
+    }
+}

assets/css/logo.css

@@ -0,0 +1,11 @@
+@media screen and (min-width: 0) {
+    .logo{
+        display: none;
+    }
+}
+
+@media screen and (min-width: 768px) {
+    .logo{
+        display: block;
+    }
+}

assets/css/menu/menu-item.css

@@ -0,0 +1,3 @@
+.menu__item{
+    list-style: none;
+}

assets/css/menu/menu-link.css

@@ -0,0 +1,17 @@
+.menu__link {
+    color: #808080;
+    margin-right: 1.25rem;
+    text-decoration: none;
+}
+
+.menu__link--activo {
+    color: #333333;
+    font-weight: bold;
+    margin-right: 1.25rem;
+    text-decoration: none;
+
+}
+
+.menu__link:hover {
+    text-decoration: underline;
+}

assets/css/menu/menu-lista.css

@@ -0,0 +1,3 @@
+.menu__lista{
+    display: flex;
+}