@media screen and (min-device-width: 667px) {
  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.4;
    scroll-behavior: smooth;
  }

  #videoModal {
    margin-top: 20vh !important;
  }
  #videoModal .modal {
    margin-top: 40vh !important;
  }

  /* hide mobile shade part at bottom */
  .degradadoMobile, .mobileScrollGift {
    display: none;
  }

  .section2_part2Mobile {
    display: none !important;
  }

  .onlyMobile {
    display: none !important;
  }

  .noMobile {
    display: block !important;
    position: relative;
  }

  /* Show Colaborate button at start */
  #colabolarButton {
    opacity: 1;
    text-align: right;
    padding-bottom: 10px;
    padding-right: 30px;
  }
  #colabolarButton img {
    padding: 0;
    margin: 0;
    width: max(18vw, 300px);
  }

  body {
    background-size: cover;
  }

  /*tooltip */
  .tooltipsText {
    font-size: 16px !important;
    bottom: -60px !important;
    left: 50%;
    margin-left: -60px;
  }

  /* Navbar */
  #navbarNav {
    font-family: "DIN Alternate", sans-serif;
    font-size: 16px !important;
    position: relative;
    top: 0;
    transition: top 0.3s;
  }

  #navbarNav a {
    display: block;
  }

  .navbar-brand {
    margin: 5px auto 0 auto;
    z-index: 999;
  }

  .navbar {
    position: fixed !important;
  }
  .navbar img {
    margin: 5px;
  }

  .navbar-brand {
    margin: unset;
  }

  /* triangles */
  #triangle {
    display: block;
    z-index: 200;
    position: fixed;
    width: 30px;
    height: 100vh;
    top: 0;
    left: calc(50vw - 15px);
  }
  #triangle .wrapper {
    width: 100%;
    height: 100vh;
    position: relative;
  }

  #triangleTop {
    position: absolute;
    opacity: 0;
    top: -110px;
  }

  #triangleBottom {
    position: absolute;
    opacity: 0;
    bottom: -110px;
  }
  #triangleBottom img:first-child {
    position: absolute;
    bottom: 0;
  }
  #triangleBottom img:last-child {
    position: relative;
    display: inline-block;
    z-index: 900;
    left: 133%;
    bottom: 4px;
    margin: auto;
  }

  /* section 1*/
  #bodyContainer {
    background-position-x: center;
  }
  #bodyContainer .title {
    line-height: 1.3;
  }

  #section1 {
    /* Parte Horizontal */
  }
  #section1 .section1_intro {
    top: calc(35vh);
    opacity: 1;
    padding-left: unset;
    padding-right: unset;
    margin: unset;
  }
  #section1 .section1_intro h1 {
    opacity: 0;
    font-size: 7vw;
  }
  #section1 .section1_intro p {
    opacity: 0;
    font-size: 1.78vw;
  }
  #section1 .section1_part2 {
    display: flex;
    margin-top: 30px;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  #section1 .section1_part2 .section1_part2Left {
    width: 50%;
    opacity: 0;
    text-align: justify !important;
    font-size: 1.4vw;
    padding: 5%;
  }
  #section1 .section1_part2 .section1_part2Right {
    width: 50%;
    opacity: 0;
    text-align: left;
    padding: 5%;
    margin-top: 24vw;
  }
  #section1 .section1_part2 .section1_part2Right h2 {
    font-size: 2.8vw !important;
  }
  #section1 .section1_part3 {
    text-align: center;
    opacity: 1;
    width: 50vw;
    margin: 10vh auto 0 auto;
    padding: unset;
  }
  #section1 .section1_part3 p {
    font-size: 2.8vw;
  }
  #section1 .section1_part3 span {
    font-size: 2.8vw;
    color: white;
  }
  #section1 .section1_part4 {
    width: auto;
    position: relative;
    top: 30vh;
    margin: 0 auto;
  }
  #section1 .section1_part4 h3 {
    opacity: 0;
    font-size: 13.8vw;
    text-transform: uppercase;
  }
  #section1 .section1_part4 h2 {
    opacity: 0;
    font-size: 4.2vw;
    word-break: keep-all;
    transform: translateY(-10vw);
  }
  #section1 .section1_part5 {
    width: 95%;
    margin: auto;
    flex-grow: initial;
    padding: unset;
    /* Fix image position for Each Photo Column with a number of Child */
  }
  #section1 .section1_part5 .imgTrue {
    position: relative;
    overflow: hidden;
    height: 90vh;
    flex: 1;
    border-radius: 1px;
    margin-left: 10px;
    margin-right: 10px;
  }
  #section1 .section1_part5 .imgTrue img {
    height: auto;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  #section1 .section1_part5 .imgTrue:nth-child(1) {
    top: 0;
  }
  #section1 .section1_part5 .imgTrue:nth-child(3) {
    top: -30px;
  }
  #section1 .section1_part5 .imgTrue:nth-child(4) {
    top: -60px;
  }
  #section1 .section1_part5 .imgTrue:nth-child(5) {
    top: 10px;
  }
  #section1 .section1_part5 .imgTrue:nth-child(6) {
    top: 10px;
  }
  #section1 .section1_part5 .textTrue {
    position: relative;
    display: flex;
    height: 85vh;
    flex: 2.5;
    padding: 30px;
    margin-left: 10px;
    margin-right: 10px;
  }
  #section1 .section1_part5 .textTrue p {
    align-self: center;
    width: 80%;
    margin: 40px auto 0 auto;
    font-size: 2vw;
    padding-bottom: 0;
  }
  #section1 .section1_part5 .textTrue .imageContainer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
  }
  #section1 .section1_part5 .textTrue .imageContainer div {
    position: relative;
    display: block;
    height: 100%;
    width: 33.5%;
    flex: 1 1 auto;
    opacity: 0.5;
    background-image: url("../img/elements/pieza3.svg");
  }
  #section1 .section1_part5 .textTrue .imageContainer > div:nth-child(1) {
    top: 60px;
  }
  #section1 .section1_part5 .textTrue .imageContainer > div:nth-child(2) {
    top: -40px;
  }
  #section1 .section1_part5 .textTrue .imageContainer > div:nth-child(3) {
    top: 30px;
  }
  #section1 .section1_part6 {
    padding: unset;
    opacity: 0;
    margin: auto;
    font-size: 1.8vw;
  }
  #section1 .section1_part7 {
    width: 100%;
  }
  #section1 .section1_part7 .section1_part7_A {
    transform: none;
    display: block;
    height: auto;
    position: relative;
    width: 70vw;
    margin: auto;
  }
  #section1 .section1_part7 .section1_part7_A span {
    bottom: unset;
    width: 12%;
    top: 44%;
    left: 44%;
  }
  #section1 .section1_part7 .section1_part7_B {
    margin-top: -33vh;
    width: 100%;
    padding: 3vh 3vw 3vh 8vw;
  }
  #section1 .section1_part7 .section1_part7_B .title {
    position: relative;
    width: 45%;
    z-index: 11;
    font-size: 2.6vw;
    margin-bottom: -20vh;
    margin-left: 0;
    opacity: 0;
  }
  #section1 .section1_part7 .section1_part7_B .paragraph {
    padding-top: 30vh;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  #section1 .section1_part7 .section1_part7_B .paragraphLeft, #section1 .section1_part7 .section1_part7_B .paragraphRight {
    position: relative;
    width: 40%;
    z-index: 11;
    font-size: 1.3vw;
    opacity: 0;
  }
  #section1 .section1_part7 .section1_part7_B .paragraphRight {
    margin: 25vh 5vw auto auto;
  }
  #section1 .section1_part8 {
    margin-top: -15vh;
    height: 100vh;
    width: 219vw;
    display: flex;
    align-items: center;
    overflow-y: auto;
    padding: unset;
    text-align: unset;
  }
  #section1 .section1_part8 .section1_part8_B,
#section1 .section1_part8 .section1_part8_C,
#section1 .section1_part8 .section1_part8_D {
    margin-left: 15vw;
  }
  #section1 .section1_part8 .section1_part8_A,
#section1 .section1_part8 .section1_part8_B,
#section1 .section1_part8 .section1_part8_C,
#section1 .section1_part8 .section1_part8_D {
    width: 60vw;
    margin-bottom: unset;
    align-self: center;
    height: 15vw;
    display: flex;
    flex-direction: row;
  }
  #section1 .section1_part8 .section1_part8_A .text,
#section1 .section1_part8 .section1_part8_B .text,
#section1 .section1_part8 .section1_part8_C .text,
#section1 .section1_part8 .section1_part8_D .text {
    padding: 0;
    width: 30vw;
    max-width: 350px;
    font-size: 2.8vw;
    text-align: right;
    margin-bottom: auto;
  }
  #section1 .section1_part8 .section1_part8_A .number,
#section1 .section1_part8 .section1_part8_B .number,
#section1 .section1_part8 .section1_part8_C .number,
#section1 .section1_part8 .section1_part8_D .number {
    padding: 0;
    text-align: center;
    align-self: center;
    font-size: 21vw;
    margin: 0 2.4vw;
  }
  #section1 .section1_part8 .section1_part8_A .last,
#section1 .section1_part8 .section1_part8_B .last,
#section1 .section1_part8 .section1_part8_C .last,
#section1 .section1_part8 .section1_part8_D .last {
    padding: 0;
    font-size: 2.8vw;
    margin-top: auto;
    text-align: left;
  }
  #section1 .section1_part8 .section1_part8_A {
    width: 60vw;
    margin-left: 19vw;
  }
  #section1 .section1_part8 .section1_part8_A .number {
    margin-top: 45vh;
  }
  #section1 .section1_part8 .section1_part8_A .last {
    margin-top: 65vh;
  }
  #section1 .section1_part8 .section1_part8_C .text {
    text-align: left;
  }
  #section1 .section1_part9 {
    padding: unset;
    width: 100vw;
    display: grid;
  }
  #section1 .section1_part9 .section1_part9_A {
    text-align: center;
    z-index: 2;
    opacity: 0;
    margin-bottom: -25vh;
  }
  #section1 .section1_part9 .section1_part9_A h3 {
    text-transform: none;
    display: inline-block;
    text-align: left;
    font-size: 4.2vw;
  }
  #section1 .section1_part9 .section1_part9_B {
    opacity: 0;
    z-index: 3;
    text-align: center;
    margin-bottom: -10vh;
  }
  #section1 .section1_part9 .section1_part9_B p {
    display: inline-block;
    text-align: left;
    font-size: 1.4vw;
  }
  #section1 .section1_part10 {
    /* text right */
    width: 100%;
    margin-top: unset;
  }
  #section1 .section1_part10 .section1_part10_A {
    transform: none;
    display: block;
    height: auto;
    position: relative;
    width: 70vw;
    margin: auto;
  }
  #section1 .section1_part10 .section1_part10_A span {
    bottom: unset;
    width: 12%;
    top: 44%;
    left: 44%;
  }
  #section1 .section1_part10 .section1_part10_A .s1p10AImage {
    width: 100%;
    height: auto;
    z-index: 5;
  }
  #section1 .section1_part10 .section1_part10_B {
    margin-top: -40vh;
    width: 100%;
    padding: 3vh 3vw 3vh 8vw;
  }
  #section1 .section1_part10 .section1_part10_B .title {
    position: relative;
    width: 45%;
    z-index: 11;
    font-size: 2.6vw;
    margin-bottom: -20vh;
    transform: translateX(20vw);
    opacity: 0;
  }
  #section1 .section1_part10 .section1_part10_B .paragraph {
    padding-top: 30vh;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  #section1 .section1_part10 .section1_part10_B .paragraphLeft, #section1 .section1_part10 .section1_part10_B .paragraphRight {
    position: relative;
    width: 40%;
    z-index: 11;
    font-size: 1.3vw;
    opacity: 0;
  }
  #section1 .section1_part10 .section1_part10_B .paragraphRight {
    margin: 25vh 5vw auto auto;
  }
  #section1 .section1_part11 {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 0;
  }
  #section1 .section1_part11 .section1_part11_A {
    padding: 2vw;
    width: 40%;
  }
  #section1 .section1_part11 .section1_part11_A img {
    width: 100%;
    height: auto;
  }
  #section1 .section1_part11 .section1_part11_B {
    width: 40%;
    padding: 2vw;
  }
  #section1 .section1_part11 .section1_part11_B .text {
    text-transform: none;
    opacity: 1;
    text-align: unset;
    font-size: 4.2vw;
    line-height: 1 !important;
  }
  #section1 .section1_part12 {
    opacity: 0;
    margin-top: 15vh;
    width: 100%;
  }
  #section1 .section1_part12 .section1_part12_A {
    transform: none;
    display: block;
    height: auto;
    position: relative;
    width: 70vw;
    margin: 25vh auto auto auto;
  }
  #section1 .section1_part12 .section1_part12_A span {
    bottom: unset;
    width: 12%;
    top: 44%;
    left: 44%;
  }
  #section1 .section1_part12 .section1_part12_A .s1p12AImage {
    width: 100%;
    height: auto;
    z-index: 5;
  }
  #section1 .section1_part12 .section1_part12_B {
    margin-top: -42vh;
    width: 100%;
    padding: 3vh 3vw 3vh 8vw;
  }
  #section1 .section1_part12 .section1_part12_B .title {
    position: relative;
    width: 45%;
    z-index: 11;
    font-size: 2.6vw;
    margin-bottom: -40vh;
    margin-left: 15vw;
    opacity: 0;
  }
  #section1 .section1_part12 .section1_part12_B .paragraph {
    font-size: unset;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  #section1 .section1_part12 .section1_part12_B .paragraphLeft {
    position: relative;
    width: 40vw;
    float: left;
    margin-top: 20vh;
    padding-right: 10%;
    padding-top: 10%;
  }
  #section1 .section1_part12 .section1_part12_B .paragraphLeft img {
    margin-top: 30vh;
    width: 70%;
    height: auto;
  }
  #section1 .section1_part12 .section1_part12_B .paragraphRight {
    padding: 0;
    position: relative;
    margin: -15vh 5vw auto auto;
    width: 60vw !important;
    z-index: 11;
    font-size: 1.3vw;
  }
  #section1 .section1_part12 .section1_part12_B .paragraphRight p {
    width: 100%;
    opacity: 0;
  }
  #section1 .section1_part12 .section1_part12_B .paragraphRight h5 {
    opacity: 0;
    font-size: 2.1vw;
    margin-top: 130px;
  }
  #section1 .section1_part13 {
    display: flex;
    word-break: keep-all;
    opacity: 0;
    width: 100%;
    margin: 25vh auto 15vh auto;
    position: unset;
    transform: unset;
    padding: unset;
  }
  #section1 .section1_part13 * > {
    line-height: unset;
  }
  #section1 .section1_part13 p {
    font-size: 2.8vw;
    width: fit-content;
    margin: auto;
    text-align: left;
  }
  #section1 .section1_part13 span {
    font-size: 2.8vw;
    color: white;
  }
  #section1 .section1_part14 {
    padding: unset;
    display: flex;
    flex-direction: row;
    font-size: 1.25vw;
    justify-content: space-between;
    margin-top: 0;
  }
  #section1 .section1_part14 .section1_part14_left, #section1 .section1_part14 .section1_part14_right {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }
  #section1 .section1_part14 .section1_part14_left {
    margin-top: 10vh;
  }
  #section1 .section1_part14 .section1_part14_left h4 {
    font-size: 4.2vw;
    margin-top: 15vh;
    margin-bottom: 15vh;
  }
  #section1 .section1_part14 .section1_part14_right img {
    width: 90%;
    height: auto;
    margin-bottom: 10vh;
    padding: 25px;
  }
  #section1 .section1_part14 .section1_part14_right p {
    margin-top: unset;
  }
  #section1 .section1_part15 {
    margin-top: 30vh;
    min-height: 100vh;
    height: 100vh;
    width: 100vw;
    background-size: 80% auto !important;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../img/pictures/IMGS4211.jpg");
    transition: background-image 400ms ease-in-out;
  }
  #section1 .section1_part16 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 25vh;
    margin-bottom: 20vh;
    padding: unset;
    transform: none;
  }
  #section1 .section1_part16 p {
    font-size: 1.4vw;
  }
  #section1 .section1_part16 .section1_part16_A {
    opacity: 0;
    margin: auto;
  }
  #section1 .section1_part16 .section1_part16_A h4 {
    margin-bottom: unset;
    text-transform: none;
    font-size: 4.2vw;
    transform: translateY(50px);
  }
  #section1 .section1_part16 .section1_part16_A p {
    opacity: unset;
  }
  #section1 .section1_part16 .section1_part16_B {
    margin: auto 5vw auto auto;
    transform: translateY(-100px);
    opacity: 0;
  }
  #section1 .section1_part17 {
    width: 100%;
  }
  #section1 .section1_part17 .section1_part17_A {
    transform: none;
    opacity: 0;
    display: block;
    height: 80vh;
    position: relative;
    width: 70vw;
    margin: auto;
  }
  #section1 .section1_part17 .section1_part17_A span {
    bottom: unset;
    width: 12%;
    top: 44%;
    left: 44%;
  }
  #section1 .section1_part17 .section1_part17_A .s1p17AImage {
    width: 100%;
    height: auto;
    z-index: 5;
  }
  #section1 .section1_part17 .section1_part17_B {
    margin-top: -41vh;
    width: 100%;
    padding: 3vh 3vw 3vh 8vw;
  }
  #section1 .section1_part17 .section1_part17_B .title {
    position: relative;
    width: 45%;
    z-index: 11;
    font-size: 2.6vw;
    margin-left: 50%;
    margin-bottom: -40vh;
    opacity: 0;
  }
  #section1 .section1_part18 {
    opacity: 1;
    z-index: 10;
    display: grid;
    width: 100vw;
    transform: translateY(40vh);
    margin-top: unset;
    padding: unset;
  }
  #section1 .section1_part18 p {
    font-size: 4.2vw;
    line-height: 3px !important;
    margin: auto;
    text-transform: none;
  }
  #section1 .section1_part18 .cifTitle {
    line-height: normal;
    opacity: 1;
  }
  #section1 .section1_part18 .cifBody {
    line-height: normal;
    opacity: 0.1;
  }
  #section1 .section1_part19 {
    width: 50vw;
    height: 60vh;
    text-align: right;
    padding: 4vw;
  }
  #section1 .section1_part19 p {
    font-size: 1.45vw;
  }
  #section1 .section1_part19 .section1_part19_A {
    transform: translateY(130px);
    float: right;
    text-align: left;
  }
  #section1 .section1_part20 {
    display: block;
    position: relative;
    opacity: 0;
    margin: 0;
    width: 100%;
  }
  #section1 .section1_part20 .section1_part20_A {
    transform: none;
    display: block;
    height: auto;
    position: relative;
    width: 70vw;
    margin: 15vh auto auto auto;
  }
  #section1 .section1_part20 .section1_part20_A span {
    bottom: unset;
    width: 12%;
    top: 44%;
    left: 44%;
  }
  #section1 .section1_part20 .section1_part20_A .s1p20AImage {
    width: 100%;
    height: auto;
    z-index: 5;
  }
  #section1 .section1_part20 .section1_part20_B {
    margin-top: -41vh;
    width: 100%;
    padding: 3vh 3vw 3vh 8vw;
  }
  #section1 .section1_part20 .section1_part20_B .title {
    position: relative;
    width: 45%;
    z-index: 11;
    font-size: 2.6vw;
    margin-bottom: -40vh;
    margin-left: 15vw;
    opacity: 0;
  }

  /* End of section 1 */
  #section2 .section2_part1 {
    margin-top: 10vh;
    height: 100vh;
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  #section2 .section2_part1 > div {
    width: 100vw !important;
    min-width: max-content;
  }
  #section2 .section2_part1 .section2_part1_A {
    overflow: hidden;
    margin-right: -50vw;
    text-align: center;
    height: 50vh;
    width: calc(100vw);
    min-width: calc(100vw);
  }
  #section2 .section2_part1 .section2_part1_A p {
    opacity: 0;
    font-size: 13vw;
    z-index: 3;
    margin-bottom: 200px;
  }
  #section2 .section2_part1 .section2_part1_A h2 {
    opacity: 0;
    position: relative;
    transform: translateY(-12vw);
    text-transform: uppercase;
    font-size: 4.3vw;
    white-space: nowrap;
    z-index: 4;
  }
  #section2 .section2_part1 .section2_part1_B {
    opacity: 0;
    height: 100%;
    width: auto;
    display: flex;
    flex-direction: row;
  }
  #section2 .section2_part1 .section2_part1_B a {
    width: 100%;
  }
  #section2 .section2_part1 .section2_part1_B .withoutImg, #section2 .section2_part1 .section2_part1_B .withImg {
    position: relative;
    margin: auto 7px -600px 7px;
    overflow: hidden;
    height: 600px;
    width: 160px !important;
  }
  #section2 .section2_part1 .section2_part1_B .withoutImg {
    background-image: url("../img/elements/pieza3.svg");
    background-size: cover;
    background-repeat: no-repeat;
  }
  #section2 .section2_part1 .section2_part1_B .hColumn:nth-of-type(1) {
    transform: translateY(70vh);
  }
  #section2 .section2_part1 .section2_part1_B .hColumn:nth-of-type(2) {
    transform: translateY(50vh);
  }
  #section2 .section2_part1 .section2_part1_B .hColumn:nth-of-type(3) {
    transform: translateY(55vh);
  }
  #section2 .section2_part1 .section2_part1_B .hColumn:nth-of-type(4) {
    transform: translateY(45vh);
  }
  #section2 .section2_part1 .section2_part1_B .hColumn:nth-of-type(5) {
    transform: translateY(30vh);
  }
  #section2 .section2_part1 .section2_part1_B .hColumn:nth-of-type(6) {
    top: 0;
    transform: translateY(35vh);
  }
  #section2 .section2_part1 .section2_part1_B .hColumn:nth-of-type(7) {
    top: 0;
    transform: translateY(25vh);
  }
  #section2 .section2_part1 .section2_part1_B .hColumn:nth-of-type(8) {
    top: 0;
    transform: translateY(10vh);
  }
  #section2 .section2_part1 .section2_part1_B .hColumn:nth-of-type(9) {
    top: 0;
    transform: translateY(5vh);
  }
  #section2 .section2_part1 .section2_part1_B .withImg span {
    position: absolute;
    display: block;
    border-radius: 50%;
    top: 21px;
    left: calc(50% - 7px);
    z-index: 5;
    width: 14px;
    height: 14px;
    background-color: #5098CA;
  }
  #section2 .section2_part1 .section2_part1_B .withImg img {
    height: 100%;
    min-width: 100%;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
  }
  #section2 .section2_part1 .section2_part1_C {
    padding: 0;
    opacity: 0;
    width: max-content;
    margin: auto 15vw;
    color: white;
    z-index: 1000;
  }
  #section2 .section2_part1 .section2_part1_C p {
    font-size: 1.4vw;
    display: block;
    text-align: left;
  }
  #section2 .section2_part1 .section2_part1_C p .body {
    opacity: 1;
  }
  #section2 .section2_part1 .section2_part1_C p .title {
    opacity: 1;
  }
  #section2 .section2_part1 .section2_part1_D {
    width: unset;
    position: relative;
    height: 90vh;
    opacity: 0;
    transform-origin: left;
  }
  #section2 .section2_part1 .section2_part1_D img {
    width: auto;
    height: 100%;
  }
  #section2 .section2_part1 .section2_part1_E {
    padding: unset;
    margin-top: unset;
    opacity: 0;
    width: max-content;
    margin-left: -18vw;
  }
  #section2 .section2_part1 .section2_part1_E p {
    font-size: 1.4vw;
    display: inline-block;
    text-align: left;
  }
  #section2 .section2_part1 .section2_part1_F {
    margin-top: unset;
    padding: unset;
    opacity: 0;
    width: max-content;
    margin-left: 15vw;
  }
  #section2 .section2_part1 .section2_part1_F p {
    font-size: 1.4vw;
  }
  #section2 .section2_part1 .section2_part1_G {
    padding: 25px;
    opacity: unset;
    margin-top: unset;
    margin-bottom: unset;
    margin-left: 15vw;
  }
  #section2 .section2_part1 .section2_part1_G h3 {
    font-size: 2.8vw;
  }
  #section2 .section2_part1 .section2_part1_H {
    width: unset;
    transform-origin: left;
    opacity: 0;
    margin-left: 15vw;
    height: 85vh;
  }
  #section2 .section2_part1 .section2_part1_H .s2p1HImage {
    height: 100%;
    width: auto;
  }
  #section2 .section2_part1 .section2_part1_H span {
    z-index: 100;
    position: absolute;
    width: 12%;
    top: 40%;
    left: 43%;
  }
  #section2 .section2_part1 .section2_part1_I {
    transform: none;
    padding: unset;
    z-index: 5;
    margin-left: 30vw;
  }
  #section2 .section2_part1 .section2_part1_I h3 {
    font-size: 2.8vw;
  }
  #section2 .section2_part1 .section2_part1_J {
    padding: unset;
    width: max-content;
    margin-left: 7vw;
  }
  #section2 .section2_part1 .section2_part1_J p {
    font-size: 1.4vw;
  }
  #section2 .section2_part1 .section2_part1_K {
    padding: 0;
    width: max-content;
    opacity: unset;
    margin-top: unset;
    margin-bottom: unset;
    margin-left: 20vw;
  }
  #section2 .section2_part1 .section2_part1_K h4 {
    text-align: left;
    font-size: 2.8vw;
  }
  #section2 .section2_part1 .section2_part1_L {
    width: unset;
    transform-origin: left;
    opacity: 0;
    margin-left: 15vw;
    position: relative;
    height: 85vh;
  }
  #section2 .section2_part1 .section2_part1_L .s2p1LImage {
    height: 100%;
    width: auto;
  }
  #section2 .section2_part1 .section2_part1_L span {
    z-index: 100;
    position: absolute;
    width: 12%;
    top: 43%;
    left: 43%;
  }
  #section2 .section2_part1 .section2_part1_M {
    padding: unset;
    transform: unset;
    width: max-content;
    z-index: 5;
    margin-left: 20vw;
  }
  #section2 .section2_part1 .section2_part1_M h3 {
    text-align: left;
    font-size: 2.8vw;
  }
  #section2 .section2_part1 .section2_part1_N {
    padding: unset;
    width: max-content;
    margin-left: 12vw;
  }
  #section2 .section2_part1 .section2_part1_N p {
    font-size: 1.4vw;
    text-align: left;
  }
  #section2 .section2_part1 .section2_part1_O {
    margin-top: unset;
    padding: unset;
    width: max-content;
    margin-left: 14vw;
  }
  #section2 .section2_part1 .section2_part1_O p {
    font-size: 1.4vw;
    text-align: left;
  }
  #section2 .section2_part1 .section2_part1_P {
    margin-top: unset;
    height: 85vh;
    position: relative;
    margin-left: 25vw;
  }
  #section2 .section2_part1 .section2_part1_P img:first-child {
    position: unset;
    width: auto;
    height: 100%;
  }
  #section2 .section2_part1 .section2_part1_P img:last-child {
    margin-top: unset;
    display: block;
    position: absolute;
    height: 60%;
    width: auto;
    top: 32%;
    left: 0;
  }
  #section2 .section2_part1 .section2_part1_Z {
    padding: 0;
    margin-left: 15vw;
    margin-top: -65px;
    align-self: start;
    width: 100vw;
    height: 200vh;
    transform: translateX(5vw);
    background-image: url("../img/elements/pieza fondo mar.svg");
    background-position: unset;
    background-size: 100% 80%;
    background-repeat: no-repeat;
    display: inline-flex;
    flex-direction: column;
  }
  #section2 .section2_part1 .section2_part1_Z h2 {
    opacity: unset;
    margin-right: 13vw;
    margin-top: 45vh;
    font-size: 4.2vw;
  }
  #section2 .section2_part1 .section2_part1_Z .section2_part1_Z_2 {
    margin-top: 50vh;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
  #section2 .section2_part1 .section2_part1_Z .section2_part1_Z_2 > p {
    font-size: 1.4vw;
    text-align: left;
    width: 50vw;
    place-self: center;
  }
  #section2 .section2_part1 .section2_part1_Z .section2_part1_Z_2 .rightSide {
    margin-top: 50vh;
  }
  #section2 .section2_part2 {
    position: relative;
    width: 50vw;
    height: fit-content;
    margin-left: 37vw;
    margin-top: 80vh;
    background-color: #fff;
  }
  #section2 .section2_part2 .backgroundImage {
    width: 100%;
    height: auto;
  }
  #section2 .section2_part2 span {
    z-index: 100;
    display: inline-block;
    position: absolute;
    width: 12%;
    top: 44%;
    left: 44%;
    cursor: pointer;
  }
  #section2 .section2_part2 span img {
    width: 100%;
  }
  #section2 .section2_part2 .floatingImage {
    display: inline-block;
    position: absolute;
    z-index: 50;
    width: 80%;
    height: auto;
    top: 85%;
    left: 10%;
  }
  #section2 .section2_part2_2 {
    margin: 10vh auto;
    opacity: 0;
    width: 100vw;
    display: flex;
    padding: unset;
  }
  #section2 .section2_part2_2 h3 {
    opacity: unset;
    text-align: unset;
    font-size: 4.2vw;
    margin: auto;
  }
  #section2 .section2_part3 {
    opacity: 0;
    margin-top: -20vh;
    width: 100%;
  }
  #section2 .section2_part3 .section2_part3_A {
    display: block;
    height: auto;
    position: relative;
    width: 70vw;
    margin: 15vh auto auto auto;
    transform: unset;
  }
  #section2 .section2_part3 .section2_part3_A span {
    bottom: unset;
    width: 12%;
    top: 44%;
    left: 44%;
  }
  #section2 .section2_part3 .section2_part3_A .s2p3AImage {
    width: 100%;
    height: auto;
    z-index: 5;
  }
  #section2 .section2_part3 .section2_part3_B {
    margin-top: -73vh;
    margin-bottom: unset;
    width: 100%;
    padding: 3vh 3vw 3vh 8vw;
  }
  #section2 .section2_part3 .section2_part3_B .title {
    position: relative;
    width: 45%;
    z-index: 11;
    font-size: 2.6vw;
    margin-bottom: -40vh;
    margin-left: 15vw;
    opacity: 0;
  }
  #section2 .section2_part4 {
    margin-top: 20vh;
    display: flex;
    flex-direction: row;
  }
  #section2 .section2_part4 > p {
    font-size: 1.4vw;
    margin: 5vw;
    width: 50%;
    place-self: center;
  }
  #section2 .section2_part4 .rightSide {
    margin-top: 50vh;
  }

  /* end of section 2 */
  #section3 .section3_part1 {
    margin-top: -40vh;
  }
  #section3 .section3_part1 p {
    font-size: 13.7vw;
    opacity: 0;
  }
  #section3 .section3_part1 h2 {
    transform: translateY(-12vw);
    font-size: 4.2vw;
    opacity: 0;
  }
  #section3 .section3_part1_B {
    margin: 20vh auto;
    width: 70vw;
    display: flex;
  }
  #section3 .section3_part1_B p {
    font-size: 2vw;
    text-align: unset;
  }
  #section3 .section3_part2 {
    width: 100vw;
    margin-top: unset;
    display: flex;
    flex-direction: row;
    padding: 50px;
  }
  #section3 .section3_part2 * > {
    transition: all 200ms ease;
  }
  #section3 .section3_part2 > div {
    place-self: center;
  }
  #section3 .section3_part2 .years {
    display: flex;
    flex-direction: column;
    width: 50%;
  }
  #section3 .section3_part2 .years p {
    flex-shrink: unset;
    position: unset;
    display: unset;
    min-width: unset;
    margin: 10px;
    font-size: 4.2vw;
    opacity: 0.3;
  }
  #section3 .section3_part2 .years p:first-child {
    margin: 10px;
    opacity: 1;
  }
  #section3 .section3_part2 .map {
    width: 50%;
    z-index: 100;
    height: 90vh;
  }
  #section3 .section3_part2 .map img {
    height: 100%;
    width: auto;
  }
  #section3 .section3_part3 {
    padding: unset;
    margin-top: 5vh;
    display: flex;
    flex-direction: row;
  }
  #section3 .section3_part3 > p {
    text-align: unset;
    text-wrap: none;
    white-space: nowrap;
    font-size: 1.4vw;
    margin: 3vw;
    width: 50%;
    place-self: center;
  }
  #section3 .section3_part4 {
    opacity: 0;
    margin-top: 30vh;
    width: 100%;
  }
  #section3 .section3_part4 .section3_part4_A {
    display: block;
    height: auto;
    position: relative;
    width: 70vw;
    margin: 15vh auto auto auto;
  }
  #section3 .section3_part4 .section3_part4_A span {
    bottom: unset;
    width: 12%;
    top: 44%;
    left: 44%;
  }
  #section3 .section3_part4 .section3_part4_A .s3p4AImage {
    width: 100%;
    height: auto;
    z-index: 5;
  }
  #section3 .section3_part4 .section3_part4_B {
    transform: unset;
    margin-top: -140vh;
    width: 100%;
    padding: 3vh 3vw 3vh 8vw;
  }
  #section3 .section3_part4 .section3_part4_B p {
    position: unset;
    font-size: 2.6vw;
  }
  #section3 .section3_part4 .section3_part4_B .title {
    position: relative;
    width: 45%;
    z-index: 11;
    margin-bottom: -40vh;
    margin-left: 2vw;
    opacity: 0;
  }
  #section3 .section3_part4 .section3_part4_B .title .lastP {
    font-size: 2.6vw;
    opacity: 0;
  }
  #section3 .section3_part5 {
    margin-top: unset;
    opacity: 0;
  }
  #section3 .section3_part5 h4 {
    font-size: 2.4vw;
  }
  #section3 .section3_part6 {
    margin-top: 25vh;
    width: 100vw;
    padding: unset;
  }
  #section3 .section3_part6 p {
    opacity: 0;
    font-size: 2.6vw;
    display: inline-block;
    margin: auto;
    width: 60vw;
  }
  #section3 .section3_part8 {
    transform: translateY(-18vh);
    margin-top: 0;
    width: 100vw;
    display: grid;
    padding: unset;
  }
  #section3 .section3_part8 p {
    font-size: 1.4vw;
    display: inline-block;
    margin: auto;
    width: 60vw;
  }

  /* end of section 3 */
  .copyright * {
    font-size: 18px !important;
  }
}

/*# sourceMappingURL=styling.css.map */