/* ---- RESET Y GENERALES ---- */
html, body { height: 100%; }
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; margin: 0; padding: 0; }
body { overflow-x: hidden; font-family: 'Open Sans', sans-serif; }
.container { width: 90%; max-width: 1366px; margin: 0 auto;  overflow: hidden;}
a { text-decoration: none; width: 100%; }

/* ---- HEADER ---- */
header { position: absolute; z-index: 900; width: 100%; height: 50px; }
.icono { z-index: 1000; position: absolute; left: 1%; top: 0; width: 10%; height: 63.5%; margin-top: 8px; background-size: contain; background-repeat: no-repeat; transform: translateY(0%); float: left; }
#logo { padding: 1em 0; float: left; }
#infoContacto { float: right; margin-top: 12px; }
#infoContacto i { color: black; margin-right: 12px; font-size: 1.2rem; }

/* ---- SECCIÓN 1 ---- */
article > section:nth-child(1) { position: relative; background: linear-gradient(to bottom, #7cd1ce, #44A29F); background-size: cover; width: 100%;   min-height: 100vh; height: auto;   @supports (height: 100dvh) {min-height: 100dvh;} } 
.imagen_portada { animation: manomove 10s infinite linear; position: absolute; width: 30%; height: 90%; background: url(../images/albums/mano.png) no-repeat top; background-size: contain; top: 0; right: 20%; }
#intro { z-index: 20; padding: 0; background-repeat: no-repeat; background-size: cover; width: 100%;  min-height: 100vh; height: auto; @supports (height: 100dvh) {min-height: 100dvh;} }
#descripcion { position: absolute; z-index: 30; width: 100%; height: 70%; left: 0; margin: 0; transition-duration: 1s; transform: translateY(50%); flex-basis: 100%; padding: 3em; flex-grow: 2; color: #fff; }
#logo-peekaboo { text-align: left; z-index: 30; margin: 0 0 5% 0; height: 8%; width: 100%; }
h1 { z-index: 20; text-align: left; font-size: 3.5rem; font-family: Arial, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin-bottom: 25px; }
#descripcion p { text-align: left; z-index: 20; margin-bottom: 30px; line-height: 1.35; font-style: italic; font-family: Arial, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
.infoContacto1, .infoContacto2, .infoContacto3 { z-index: 20; padding: 0 .5em; font-weight: 100; color: rgba(255,255,255,.5); text-decoration: none; transition: all .1s ease; transform-origin: center; }
.infoContacto1:hover, .infoContacto2:hover, .infoContacto3:hover { color: #fff; }
#scroll1, #scroll2 { margin-bottom: -70px; z-index: 20; position: absolute; background-position: center; bottom: 0; width: 100%; height: 10%; display: flex;  }
#scroll2 { animation: upDown 400ms 1s infinite alternate linear; }

/* ---- SECCIÓN 2 ---- */
article > section:nth-child(2) { background: linear-gradient(#fff, #e6e5e3); width: 100%; height: 1400px; background-size: cover; display: flex; flex-direction: column; align-items: center; padding: 50px 0 0; }
h2 { color: #fff; margin-top: 10%; margin-bottom: 20px; }
.s2 { position: relative; z-index: 220; background-size: contain; background-repeat: no-repeat; background-position: left bottom; height: 67%; width: 100%; bottom: 10%; }
.s2_cara_a { position: absolute; z-index: 220; background-image: url(../images/albums/cara_a.png); background-size: contain; background-repeat: no-repeat; background-position: left bottom; height: 100%; width: 100%; bottom: 3%; }
.s2_cd { position: absolute; animation: cdmove 5s infinite alternate linear; z-index: 200; background-image: url(../images/albums/disco_a.png); background-size: contain; background-repeat: no-repeat; background-position: center; height: 400px; width: 400px; bottom: 19%; left: 12%; }
.s2_cd_sombra { animation: sombramove 5s infinite alternate linear; position: absolute; z-index: 180; background-image: url(../images/albums/sombradisco.png); background-size: contain; background-repeat: no-repeat; background-position: center; height: 400px; width: 400px; bottom: 14%; left: 12%; }
.s2_sign { position: absolute; z-index: 20; background-image: url(../images/albums/sign.svg); background-size: contain; background-repeat: no-repeat; background-position: left bottom; height: 520px; width: 520px; bottom: 15%; left: 65%; }
.s2_titular { color: #d2cdd7; }
.s2_copy, .s2_copy2 { position: absolute; padding: 2em; height: 20%; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; display: flex; justify-content: center; color: #d2cdd7; text-align: center; }
.s2_copy { bottom: 0; } .s2_copy2 { bottom: -10%; }

/* ---- SECCIÓN 3 ---- */
article > section:nth-child(3) { background: #f8fee4 url(../images/albums/background.svg) no-repeat center/cover; width: 100%; height: 1400px; display: flex; flex-direction: column; align-items: center; padding: 50px 0 0; }
article > section:nth-child(3) h2 { color: #3c6f29; }
.s3_copy { position: absolute; padding: 2em; height: 20%; width: 100%; bottom: 0; color: #3c6f29; background-size: contain; background-repeat: no-repeat; background-position: center; display: flex; justify-content: center; text-align: center; }
.s3 { position: relative; z-index: 220; background-size: contain; background-repeat: no-repeat; background-position: left bottom; height: 67%; width: 100%; bottom: 0; display: flex; justify-content: center; }
.s3_emeli1, .s3_emeli2, .s3_emeli3, .s3_emeli_pendiente, .s3_album_em1, .s3_album_em2 { position: absolute; z-index: 220; background-size: contain; background-repeat: no-repeat; background-position: right bottom; height: 100%; width: 70%; bottom: 0; left: 20%; }
.s3_emeli1 { background-image: url(../images/albums/emeli1.svg); animation: emeli1 5s infinite alternate linear; }
.s3_emeli2 { background-image: url(../images/albums/emeli2.svg); animation: emeli2 5s infinite alternate linear; }
.s3_emeli3 { background-image: url(../images/albums/emeli3.svg); animation: emeli3 5s infinite alternate linear; }
.s3_emeli_pendiente { background-image: url(../images/albums/emeli_pendiente.svg); animation: emeli4 5s infinite alternate linear; }

/* ---- SECCIÓN 4 ---- */
article > section:nth-child(4) { background-color: #b21d44; animation: backgroundchange2 2s infinite alternate linear; width: 100%; height: 1400px; background-size: cover; padding: 50px 0 0; }
article > section:nth-child(4) h2 { display: flex; justify-content: center; }
.s4 { position: relative; z-index: 220; width: 100%; display: flex; justify-content: space-around; background: none; background-size: contain; background-repeat: no-repeat; background-position: center; }
.s4_1, .s4_2, .s4_3, .s4_4 { position: relative; z-index: 220; width: 400px; height: 400px; display: flex; background-size: contain; background-repeat: no-repeat; background-position: center; }
.s4_1_bg, .s4_2_bg, .s4_3_bg, .s4_4_bg,
.s4_1_avion, .s4_1_isla, .s4_1_nube1, .s4_1_nube2, .s4_1_nube3, .s4_1_logo,
.s4_2_mano1, .s4_2_mano2, .s4_2_logo,
.s4_3_mar, .s4_3_tierra, .s4_3_rio, .s4_3_islas, .s4_3_logo,
.s4_4_base, .s4_4_i, .s4_4_love, .s4_4_ibiza, .s4_4_logo
{ position: absolute; width: 400px; height: 400px; background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 220; }
.s4_3_mar { z-index: 200; } .s4_3_islas { z-index: 210; }
.s4_1_bg { background-color: #77c1c6; } .s4_2_bg { background-color: #b21d44; }
.s4_1_avion   { background-image: url(../images/albums/sa4_1_avion.svg); }
.s4_1_isla    { background-image: url(../images/albums/sa4_1_isla.svg); }
.s4_1_nube1   { background-image: url(../images/albums/sa4_1_nube1.svg); }
.s4_1_nube2   { background-image: url(../images/albums/sa4_1_nube2.svg); }
.s4_1_nube3   { background-image: url(../images/albums/sa4_1_nube3.svg); }
.s4_1_logo    { background-image: url(../images/albums/sa4_1_logo.svg); }
.s4_2_mano1   { background-image: url(../images/albums/sa4_2_mano1.svg); }
.s4_2_mano2   { background-image: url(../images/albums/sa4_2_mano2.svg); }
.s4_2_logo    { background-image: url(../images/albums/sa4_2_logo.svg); }
.s4_3_mar     { background-image: url(../images/albums/sa4_3_mar.svg); }
.s4_3_tierra  { background-image: url(../images/albums/sa4_3_tierra.svg); }
.s4_3_rio     { background-image: url(../images/albums/sa4_3_rio.svg); }
.s4_3_islas   { background-image: url(../images/albums/sa4_3_islas.svg); }
.s4_3_logo    { background-image: url(../images/albums/sa4_3_logo.svg); }
.s4_4_base    { background-image: url(../images/albums/sa4_4_base.svg); }
.s4_4_i       { background-image: url(../images/albums/sa4_4_i.svg); }
.s4_4_love    { background-image: url(../images/albums/sa4_4_love.svg); }
.s4_4_ibiza   { background-image: url(../images/albums/sa4_4_ibiza.svg); }
.s4_4_logo    { background-image: url(../images/albums/sa4_4_logo.svg); }
.s4_copy { position: relative; padding: 2em; width: 100%; top: 50%; color: #fff; display: flex; justify-content: center; text-align: center; background: none; }

/* ---- SECCIÓN 5 ---- */
article > section:nth-child(5) { z-index: 2000000; background: linear-gradient(to right, #fbf1d6, #f6dad6, #cde4f4); width: 100%; height: 1400px; background-size: cover; padding: 50px 0 0; }
#disneyo_icono { animation: disneyomove 20s infinite linear; background-image: url(../images/albums/disneyo_icono.svg); position: absolute; background-repeat: repeat; background-position: center; background-size: contain; width: 100%; height: 100%; opacity: .05; }
#disneyo { position: relative; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../images/albums/disneyo.svg); width: 100%; height: 50px; }
.s5 { top: 10%; position: relative; z-index: 220; background-size: contain; background-repeat: no-repeat; background-position: center; width: 100%; display: flex; justify-content: space-around; }
.s5_cartel1, .s5_cartel2, .s5_cartel3 { z-index: 220; background-size: contain; background-repeat: no-repeat; background-position: center; width: 100%; height: 500px; display: flex; justify-content: space-around; filter: drop-shadow(0px 30px 10px rgba(0,0,0,0.13)); }
.s5_cartel1 { background-image: url(../images/albums/cartel1.png); animation: emeli3 10s infinite alternate linear; }
.s5_cartel2 { background-image: url(../images/albums/cartel2.png); animation: emeli5 10s infinite alternate linear; }
.s5_cartel3 { background-image: url(../images/albums/cartel3.png); animation: emeli3 10s infinite alternate linear; }
.s5_copy, .s5_copy2 { position: relative; padding: 2em; width: 100%; color: #163b50; background-size: contain; background-repeat: no-repeat; background-position: center; display: flex; align-items: center; justify-content: center; text-align: center; }
.s5_copy { height: 3%; top: 20%; } .s5_copy2 { height: 5%; top: 20%; }

/* ---- SECCIÓN 6 ---- */
.container-section { position: absolute !important; z-index: 1000 !important; width: 100%; }
article > section:nth-child(6) { cursor: pointer; animation: backgroundcolor 10s infinite alternate linear; background-image: url(../images/ui/userinterface.png); height: 300px; background-repeat: no-repeat; background-size: cover; width: 100%; background-position: 150px 50% !important; transition: .3s ease; }
article > section:nth-child(6):hover { transition: 1s ease; filter: grayscale(100%); }
#seccionSeis { height: 300px; padding: 50px 0; display: flex; flex-flow: row wrap; }
#seccionSeis div { flex-basis: 100%; padding-right: 1.2rem; }
#seccionSeis h2 { margin-top: 3%; font-size: 2.5rem; color: white; }
#seccionSeis p { color: white; line-height: 2; }

/* ---- FOOTER ---- */
footer { z-index: 100; bottom: 0; background-color: #F0EFEF; padding: 20px 0; }
#icons { width: 100%; display: flex; text-align: center; align-items: center; justify-content: space-between; margin: .5em 0; }
.mail, .telefono, .linkedin2, .cv, .instagram { color: black; }
.copyright { text-align: center; float: right; color: #181C2B; padding-top: 8px; }
.nav { float: left; }
#pieDePagina { overflow: hidden; }
.nav li { display: inline-block; font-size: 0.80rem; padding: 12px 0 0; }
.nav li a { color: #181C2B; text-decoration: none; padding-right: 1.5rem; }
.nav li a:hover { text-decoration: underline; }
#developed { font-size: .6rem; opacity: .5; }

/* ---- KEYFRAMES ---- */
@keyframes manomove { 0%,100%{transform:rotate(0deg);} 50%{transform:rotate(0deg) translateY(-20%);} }
@keyframes upDown { 0%{transform:translateY(0);} 100%{transform:translateY(5%);} }
@keyframes floating3 { 0%{transform:translateY(0);} 100%{transform:translateY(2%);} }
@keyframes cdmove { 0%{transform:translateX(0) rotate(0);} 100%{transform:translateX(180%) rotate(360deg);} }
@keyframes sombramove { 0%{transform:translateX(0) rotate(0);} 100%{transform:translateX(180%) rotate(0);} }
@keyframes backgroundchange { 0%{background-color:#514438;} 33%{background-color:#3c6f29;} 66%{background-color:#8f7a6d;} 100%{background-color:#514438;} }
@keyframes emeli1 { 0%{transform:translateX(0);} 100%{transform:translateX(2%) rotate(0deg);} }
@keyframes emeli2 { 0%{transform:translateY(0);} 100%{transform:translateY(-5%);} }
@keyframes emeli3 { 0%{transform:translateY(0);} 100%{transform:translateY(-10%);} }
@keyframes emeli4 { 0%{transform:translateX(0);} 100%{transform:translateX(0) translateY(0) rotate(3deg);} }
@keyframes emeli5 { 0%{transform:translateY(0);} 100%{transform:translateY(10%);} }
@keyframes backgroundchange2 { 0%,35%{background-color:#b21d44;} 65%,100%{background-color:#77c1c6;} }
@keyframes disneyomove { 0%{background-position-x:0;} 100%{background-position-x:-100%;} }
@keyframes backgroundcolor { 0%{background-color:#b21d44;} 35%{background-color:#5b1db2;} 65%{background-color:#77c1c6;} 100%{background-color:#77c697;} }
@keyframes cdmovesmall { 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} }
@keyframes mano1 { 0%{transform:translateY(0);} 100%{transform:translateY(-5%);} }
@keyframes leftright { 0%{transform:translate(0);} 50%{transform:translate(3%);} 100%{transform:translate(-3%);} }
@keyframes leftRight { 0%{transform:translateX(-40%); opacity:0;} 100%{transform:translateX(0%); opacity:1;} }
@keyframes color { 0%{background-color:white;} 100%{background-color:rgba(255,255,255,0.699);} }

/* ---- MEDIA QUERIES ---- */

/* ========================== */
/*  GLOBAL / CONTAINER SIZES  */
/* ========================== */
@media screen and (max-width:3840px){
  /* -- General -- */
  .container { width:91%; max-width:3840px; }
  /* Sección 4 */
  .s4_copy { top:0%; background-color: rpinked; padding-bottom: 1em; }
  /* Secciones 2, 3, 4 */
  article>section:nth-child(2),
  article>section:nth-child(3),
  article>section:nth-child(4){ height:1400px; }
}

/* ========================== */
/*        SECCIONES 2,3,4,5   */
/* ========================== */
@media screen and (max-width:1920px){
  /* -- General -- */
  .container{max-width:1920px;}
  /* Sección 1 - Cabecera */
  #descripcion{width:90%;transform:translateY(20%);}
  /* Secciones 2, 3, 4, 5 */
  article>section:nth-child(2),
  article>section:nth-child(3),
  article>section:nth-child(4),
  article>section:nth-child(5){height:1000px;}
  /* Sección 2 - Portada */
  .s2_cara_a{height:70%;width:100%;bottom:20%;}
  .s2_cd{height:280px;width:280px;bottom:31%;left:12%;}
  .s2_cd_sombra{height:280px;width:280px;bottom:27.5%;left:12%;}
  .s2_sign{height:320px;width:320px;bottom:27%;left:65%;}
  /* Sección 4 - Proyectos */
  .s4_1,.s4_1_bg,.s4_1_avion,.s4_1_isla,.s4_1_nube1,.s4_1_nube2,.s4_1_nube3,.s4_1_logo,
  .s4_2,.s4_2_bg,.s4_2_mano1,.s4_2_mano2,.s4_2_logo,
  .s4_3,.s4_3_bg,.s4_3_mar,.s4_3_tierra,.s4_3_rio,.s4_3_islas,.s4_3_logo,
  .s4_4,.s4_4_bg,.s4_4_base,.s4_4_i,.s4_4_love,.s4_4_ibiza{height:300px;width:300px;}
  .s4_copy{top:20%; padding-bottom: 3em;}
  /* Elemento decorativo global */
  #amarillo{position:absolute;width:60%;height:250px;bottom:0;left:40%;}
}

/* ========================== */
/*   DESKTOP (960px - 1300px) */
/* ========================== */
@media screen and (min-width:960px) and (max-width:1300px){
  /* -- General -- */
  .col h3{font-size:1.05rem;}
  h1{font-size:2.3rem;}
  h2{font-size:1.43rem;}
  p{text-align:center;}
  /* Sección 1 */
  #scroll1,#scroll2{height:80px;width:80px;margin-left:-30px;margin-bottom:100px;}
  #descripcion{transform:translateY(30%);}
  /* Secciones 3 y 5 */
  article>section:nth-child(3),
  article>section:nth-child(5){height:1000px;}
  /* Sección 4 */
  article>section:nth-child(4){height:2200px!important;}
  article>section:nth-child(4) h2{padding-bottom:100px;}
  article>section:nth-child(4) p{margin-top:50%;}
  .part1{height:2000px;}
  .s4{flex-direction:column;align-items:center;justify-content:center;}
  .s4_1,.s4_1_bg,.s4_1_avion,.s4_1_isla,.s4_1_nube1,.s4_1_nube2,.s4_1_nube3,.s4_1_logo,
  .s4_2,.s4_2_bg,.s4_2_mano1,.s4_2_mano2,.s4_2_logo,
  .s4_3,.s4_3_bg,.s4_3_mar,.s4_3_tierra,.s4_3_rio,.s4_3_islas,.s4_3_logo,
  .s4_4,.s4_4_bg,.s4_4_base,.s4_4_i,.s4_4_love,.s4_4_ibiza{height:400px;width:400px;}
  .s4_copy{top:-30%; padding-bottom: 3em;}
  #amarillo{position:absolute;width:60%;height:250px;bottom:0;left:40%;}
}

/* ========================== */
/*      TABLET / MOBILE L     */
/* ========================== */
@media screen and (max-width:959px){
  /* Header / General */
  #logo-peekaboo,h1,#descripcion p{text-align:center;}
  article>section:nth-child(1){padding:0;margin:0;}
  .container{width:80%;}
  header{width:100%;}
  #intro{flex-flow:column wrap;}
  /* Sección 1 */
  .imagen_portada{opacity:.5;width:50%;}
  h1{font-size:3.3rem;}
  #descripcion{transition-duration:1000ms;z-index:20;width:100%;transform:translateY(0%);padding:2em 2em;left:0;justify-content:space-between;align-items:center;}
  #descripcion p{font-size:.8em;}
  #logo-peekaboo{position:relative;width:70%;}
  #scroll1, #scroll2 { left: 0;}
  h1{align-items:center;justify-content:center;font-size:2.2rem;}
  /* Secciones 2-5 */
  article>section:nth-child(2),
  article>section:nth-child(3),
  article>section:nth-child(4),
  article>section:nth-child(5){height:1000px;}
  article>section:nth-child(4){height:2000px;}
  article>section:nth-child(6):hover{transition:.3s ease;}
  /* Sección 2 */
  .s2_cara_a{width:80%;height:500px;left:0;background-position:center;background-size:contain;}
  .s2_cd{animation:cdmovesmall 5s infinite linear;z-index:400;width:250px;height:250px;left:40%;bottom:-2%;background-position:center;background-size:contain;}
  .s2_cd_sombra{animation:none;z-index:300;width:250px;height:250px;left:40%;bottom:-5%;background-position:center;background-size:contain;}
  .s2_sign{width:30%;height:250px;left:55%;bottom:40%;}
  .s2_copy{bottom:-30%;}
  .s2_copy2{position:absolute;padding:2em 2em;height:20%;width:100%;bottom:-38%;background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;justify-content:center;color:#ccc6d2;}
  .s2_cara_a{animation:leftright 3s infinite cubic-bezier(0.175,0.885,0.32,1.275);}
  .s2_copy,.s3_copy{top:110%;}
  .s2_copy2{top:114%;}
  .s2_copy,.s2_copy2,.s3_copy,.s4_copy,.s5_copy,.s5_copy2{text-align:center;}
  /* Sección 3 */
  .s3_emeli1,.s3_emeli2,.s3_emeli3,.s3_emeli_pendiente{margin-bottom:20%;}
  .s3_album_em1,.s3_album_em2{margin-bottom:10%;}
  /* Sección 4 */
  .s4{flex-direction:column;align-items:center;justify-content:center;}
  .s4_1,.s4_1_bg,.s4_1_avion,.s4_1_isla,.s4_1_nube1,.s4_1_nube2,.s4_1_nube3,.s4_1_logo,
  .s4_2,.s4_2_bg,.s4_2_mano1,.s4_2_mano2,.s4_2_logo,
  .s4_3,.s4_3_bg,.s4_3_mar,.s4_3_tierra,.s4_3_rio,.s4_3_islas,.s4_3_logo,
  .s4_4,.s4_4_bg,.s4_4_base,.s4_4_i,.s4_4_love,.s4_4_ibiza{height:400px;width:400px;}
  article>section:nth-child(4) h2{margin-bottom:10%;}
  .s4_copy{position:relative;top:0%;}
  /* Sección 5 */
  .s5_copy2{position:relative;padding:2em 2em;height:5%;width:100%;top:20%;color:#163b50;background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;}
  /* Otros elementos globales */
  #logoseedtag{width:300px;height:100%;top:0;left:5%;}
  #amarillo{position:absolute;width:60%;height:250px;bottom:0;left:40%;}
  /* Footer, nav, iconos */
  #pieDePagina{text-align:center;}
  .nav{float:none;}
  .nav li{display:block;margin:20px 0;}
  .nav li a{padding-right:0;}
  .copyright{float:none;border-top:1px solid #3e3e3e;margin-top:30px;}
  #developed{font-size:.6rem;opacity:.5;}
  #descripcion{top:52%;}
  #scroll1,#scroll2{top:40%;}
  #icons{display:flex;text-align:center;align-items:center;justify-content:space-around;margin:1em 0;}
}

/* ========================== */
/*        MOBILE S            */
/* ========================== */
@media screen and (max-width:659px){
  /* General layout */
  section{width:100%;flex-basis:100%;}
  header{width:100%;height:100px;}
  #infoContacto{top:40%;position:absolute;width:100%;text-align:center;left:50%;transform:translateX(-50%);}
  .icono{height:32.5%;top:5%;transform:translateX(-50%);left:50%;justify-content:center;position:absolute;width:30px;}
  /* Sección 1 */
  #descripcion{left:0;transition-duration:1000ms;margin:0;transform:translateY(15%);z-index:20;flex-basis:100%;padding:2em 3em;justify-content:center;}
  .imagen_portada{opacity:.4;animation:mano1 5s infinite alternate linear;background-repeat:no-repeat;background-position:top center;background-size:contain;top:0;height:100%;width:50%;z-index:1;}
  h1{z-index:20;text-align:center;font-size:1.7rem;margin-bottom:25px;margin-top:20px;}
  #descripcion p{font-weight:50;text-align:center;z-index:20;font-size:.8rem;margin-bottom:30px;line-height:1.5;}
  /* Sección 2 */
  article>section:nth-child(2){height:560px;}
  #scroll1,#scroll2{z-index:20;background-position:center;height:10%;width:100%;margin-bottom:-10px;display:flex;justify-content:center;align-items:center;}
  article>section:nth-child(2) h2{margin-top:0;}
  article>section:nth-child(2) p{bottom:-30%;}
  .s2{height:700px;}
  .s2_cara_a{width:80%;height:300px;left:0;background-position:center;background-size:contain;}
  .s2_cd{animation:cdmovesmall 5s infinite linear;z-index:400;width:250px;height:250px;left:40%;bottom:-2%;background-position:center;background-size:contain;}
  .s2_cd_sombra{animation:none;z-index:300;width:250px;height:250px;left:40%;bottom:-5%;background-position:center;background-size:contain;}
  .s2_sign{width:50%;height:300px;left:45%;bottom:30%;}
  p{background-position:center;justify-content:center;display:flex;}
  /* Sección 3 */
  #seccionTres{text-align:center;}
  article>section:nth-child(2),
  article>section:nth-child(3),
  article>section:nth-child(5){height:1000px;}
  article>section:nth-child(4){height:2000px;}
  .s3_album_em1,.s3_album_em2{bottom:5%;width:100%;}
  .s3_emeli1,.s3_emeli2,.s3_emeli3,.s3_emeli_pendiente{margin-bottom:60%;}
  /* Sección 4 */
  .s4{flex-direction:column;align-items:center;justify-content:center;}
  .s4_1,.s4_1_bg,.s4_1_avion,.s4_1_isla,.s4_1_nube1,.s4_1_nube2,.s4_1_nube3,.s4_1_logo,
  .s4_2,.s4_2_bg,.s4_2_mano1,.s4_2_mano2,.s4_2_logo,
  .s4_3,.s4_3_bg,.s4_3_mar,.s4_3_tierra,.s4_3_rio,.s4_3_islas,.s4_3_logo,
  .s4_4,.s4_4_bg,.s4_4_base,.s4_4_i,.s4_4_love,.s4_4_ibiza{height:400px;width:400px;}
  article>section:nth-child(4) h2{margin-bottom:10%;}
  .s4_copy{position:relative;top:0%;}
  /* Footer y varios */
  #logoseedtag{width:250px;height:100%;top:-10%;left:50%;transform:translateX(-50%);}
  #amarillo{position:absolute;width:60%;height:150px;bottom:0;left:40%;}
  #pieDePagina{text-align:center;}
  .nav{float:none;}
  .nav li{display:block;margin:20px 0;}
  .nav li a{padding-right:0;}
  .copyright{float:none;border-top:1px solid #3e3e3e;margin-top:30px;}
  #developed{font-size:.6rem;opacity:.5;}
  #descripcion{top:52%;}
  #scroll1,#scroll2{top:40%;}
  .s2_cara_a{animation:leftright 3s infinite cubic-bezier(0.175,0.885,0.32,1.275);}
  .s2_copy,.s3_copy{top:110%;}
  .s2_copy2{top:114%;}
  .s2_copy,.s2_copy2,.s3_copy,.s4_copy,.s5_copy,.s5_copy2{text-align:center;}
  #icons{display:flex;text-align:center;align-items:center;justify-content:space-around;margin:1em 0;}
}

/* ========================== */
/*        MOBILE XS           */
/* ========================== */
@media screen and (max-width:480px){
  /* Sección 1 */
  .imagen_portada{bottom:-60%;opacity:.7;}
  #descripcion{top:56%;padding:0;}
  #descripcion p{padding:0;margin-top:-3%;}
  #scroll1,#scroll2{top:26%;}
  /* Sección 2 */
  .s2_cara_a,.s2_sign{margin-bottom:20%;}
  .s2_cd,.s2_cd_sombra{left:22%;margin-bottom:-50%;}
  .s2_sign{left:16%;top:20%;width:100%;margin-bottom:0;background-size:contain;position:relative;}
  .s2_cara_a{animation:leftright 3s infinite cubic-bezier(0.175,0.885,0.32,1.275);width:100%;left:10%;margin-bottom:-30%;}
  .s2_copy,.s2_copy2,.s3_copy,.s4_copy,.s5_copy,.s5_copy2{font-size:.9em;}
  .s2_copy{top:140%;}
  .s2_copy2{top:144%;}
  .s3_copy{top:114%;}
  .s2_copy,.s2_copy2,.s3_copy,.s4_copy,.s5_copy,.s5_copy2{text-align:center;}
  /* Sección 3 */
  .s3_album_em1{background-image:url(../images/albums/album_es1_m.png);background-position:center;margin-bottom:-20%!important;}
  .s3_album_em2{animation:emeli3 10s infinite alternate linear;background-image:url(../images/albums/album_es2_m.png);position:relative;bottom:-80%;width:90%;height:200px;left:5;padding:0;background-position:center;}
  .s3_emeli1,.s3_emeli2,.s3_emeli3,.s3_emeli_pendiente{margin-bottom:100%;}
  .s3_album_em1{margin-bottom:30%;}
  .s3_album_em2{width:100%;}
  /* Sección 4 */
  .s4_copy{position:relative;top:0%;}
  /* Sección 2, 5 */
  article>section:nth-child(2){height:1150px;}
  article>section:nth-child(5){height:1500px;}
  #disneyo_icono{background-size:cover;width:100%;height:100%;background-position:center;margin-top:100%;}
  article>section:nth-child(5){background:linear-gradient(to bottom,#fbf1d6,#f6dad6,#cde4f4);}
  /* Sección 5 */
  .s5{width:100%;height:1000px;display:flex;flex-direction:column!important;justify-content:center;align-items:center;}
  .s5_cartel1,.s5_cartel2,.s5_cartel3{animation:emeli3 10s infinite alternate linear;}
  .s5_copy2,.s5_copy{top:14%;}
  /* Otros */
  #logoseedtag{top:-20%;}
  #pieDePagina{text-align:center;}
  .nav{float:none;}
  .nav li{display:block;margin:20px 0;}
  .nav li a{padding-right:0;}
  .copyright{float:none;border-top:1px solid #3e3e3e;margin-top:30px;}
  #developed{font-size:.6rem;opacity:.5;}
  #icons{display:flex;text-align:center;align-items:center;justify-content:space-around;margin:1em 0;}
}

/* ========================== */
/*        MOBILE XXS          */
/* ========================== */
@media screen and (max-width:375px){
  #descripcion{top:45%;padding:0;}
  #scroll1,#scroll2{top:40%;height:8%;}
  .imagen_portada{opacity:.7;width:80%;}
  article > section:nth-child(6) {  background-position-x: 10% !important;  }
}