body {
  background-color: rgb(255, 255, 255);
  font: 300 16px/1.38 Lato;
  color: rgb(255, 255, 255);
}

.page-index {
  height: 100%;
  background-image: url('../images/jpg/DSC00379.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  font-family: Lato;
  font-weight: 300;
  line-height: 1.38;
  color: rgb(255, 255, 255);
}

p {
  margin-bottom: 1em;
}

.barracontacto {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 46px;
  background-color: rgb(0, 0, 0);
}

.element {
  position: relative;
  float: left;
  z-index: 0;
  width: 33%;
  height: 804px;
  margin-left: 37.08203%;
  background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0.5952380952380952%, rgba(0, 0, 0, 0.8) 66.54761904761905%);
  background-image:    -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0.5952380952380952%, rgba(0, 0, 0, 0.8) 66.54761904761905%);
  background-image:      -o-linear-gradient(90deg, rgba(255, 255, 255, 0) 0.5952380952380952%, rgba(0, 0, 0, 0.8) 66.54761904761905%);
  background-image:     -ms-linear-gradient(90deg, rgba(255, 255, 255, 0) 0.5952380952380952%, rgba(0, 0, 0, 0.8) 66.54761904761905%);
  background-image:         linear-gradient(360deg, rgba(255, 255, 255, 0) 0.5952380952380952%, rgba(0, 0, 0, 0.8) 66.54761904761905%);
}

.image {
  display: block;
  height: auto;
  overflow: hidden;
}

.instagram {
  display: block;
  position: fixed;
  top: 11px;
  left: 82.08203125%;
  width: 2.3333333333%;
  height: 28px;
}

.instagram .image {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
}

.logopablo {
  display: block;
  position: fixed;
  top: 11px;
  left: 10.1666666666%;
  width: 151px;
  height: auto;
  overflow: hidden;
}

.mail {
  display: block;
  position: fixed;
  top: 6px;
  width: 3.3333333333%;
  height: 40px;
}

.mail .image {
  position: absolute;
  top: 0;
  right: 0.078125%;
  width: 40px;
}

.instagram .image:hover,
.mail .image:hover {
  opacity: 0.4;
}

.text {
  position: relative;
  float: left;
  clear: both;
  z-index: 1;
  width: 27.25%;
  min-height: 462px;
  margin: -693px 0 0 39.91667%;
  font-size: 16px;
  color: rgb(255, 255, 255);
}

.wrapper {
  position: fixed;
  top: 46px;
  right: 10.0833333333%;
  height: auto;
  overflow: hidden;
}

.barracontacto-1 {
  z-index: 36;
}

.barracontacto-2 {
  z-index: 6;
}

.barracontacto-3 {
  z-index: 2;
}

.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 80px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 80;
left: 0;
width: 100%;
height: 100%;
}

.image-1 {
  z-index: 39;
}

.image-10 {
  position: relative;
  float: left;
  z-index: 28;
  width: 25.67%;
  margin: 15px 0 0 1.41146%;
}

.image-11 {
  position: relative;
  float: left;
  z-index: 27;
  width: 25.67%;
  margin: 15px 0 0 1.41146%;
}

.image-12 {
  position: relative;
  float: left;
  clear: both;
  z-index: 26;
  width: 25.67%;
  margin: 15px 0 0 10.08073%;
}

.image-13 {
  position: relative;
  float: left;
  z-index: 25;
  width: 25.67%;
  margin: 16px 0 0 1.41146%;
}

.image-14 {
  position: relative;
  float: left;
  z-index: 24;
  width: 25.67%;
  margin: 16px 0 0 1.41146%;
}

.image-15 {
  position: relative;
  float: left;
  clear: both;
  z-index: 23;
  width: 25.67%;
  margin: 15px 0 0 10.08073%;
}

.image-16 {
  position: relative;
  float: left;
  z-index: 22;
  width: 25.67%;
  margin: 15px 0 0 1.41797%;
}

.image-17 {
  position: relative;
  float: left;
  z-index: 21;
  width: 25.67%;
  margin: 15px 0 0 1.41146%;
}

.image-18 {
  position: relative;
  float: left;
  clear: both;
  z-index: 20;
  width: 25.67%;
  margin: 15px 0 0 10.08073%;
}

.image-19 {
  position: relative;
  float: left;
  z-index: 19;
  width: 25.67%;
  margin: 15px 0 0 1.41797%;
}

.image-2 {
  z-index: 37;
}

.image-20 {
  position: relative;
  float: left;
  z-index: 18;
  width: 25.67%;
  margin: 15px 0 0 1.41146%;
}

.image-21 {
  position: relative;
  float: left;
  clear: both;
  z-index: 17;
  width: 25.67%;
  margin: 15px 0 0 10.08073%;
}

.image-22 {
  position: relative;
  float: left;
  z-index: 16;
  width: 25.67%;
  margin: 15px 0 0 1.41146%;
}

.image-23 {
  position: relative;
  float: left;
  z-index: 15;
  width: 25.67%;
  margin: 15px 0 0 1.41146%;
}

.image-24 {
  position: relative;
  float: left;
  clear: both;
  z-index: 14;
  width: 25.67%;
  margin: 15px 0 0 10.08073%;
}

.image-25 {
  position: relative;
  float: left;
  z-index: 13;
  width: 25.67%;
  margin: 15px 0 0 1.41146%;
}

.image-26 {
  position: relative;
  float: left;
  z-index: 12;
  width: 25.67%;
  margin: 15px 0 0 1.41797%;
}

.image-27 {
  position: relative;
  float: left;
  clear: both;
  z-index: 11;
  width: 25.67%;
  margin: 15px 0 0 10.08073%;
}

.image-28 {
  z-index: 9;
}

.image-29 {
  position: relative;
  float: left;
  z-index: 10;
  width: 25.67%;
  margin: 15px 0 0 1.41146%;
}

.image-3 {
  position: relative;
  float: left;
  z-index: 35;
  width: 25.67%;
  margin: 80px 0 0 10.08073%;
}

.image-30 {
  position: relative;
  float: left;
  z-index: 9;
  width: 25.67%;
  margin: 15px 0 0 1.40365%;
}

.image-32 {
  position: relative;
  float: left;
  clear: both;
  z-index: 8;
  width: 25.67%;
  margin: 15px 0 0 10.08073%;
}

.image-33 {
  position: relative;
  float: left;
  z-index: 7;
  width: 25.67%;
  margin: 15px 0 0 1.41797%;
}

.image-34 {
  position: relative;
  float: left;
  z-index: 4;
  width: 25.6692708333%;
  margin: 77px 0 0 10%;
}

.image-35 {
  position: relative;
  float: left;
  z-index: 6;
  width: 25.67%;
  margin: 15px 0 0 1.41146%;
}

.image-36 {
  position: relative;
  float: left;
  z-index: 5;
  width: 25.6692708333%;
  margin: 103px 0 0 1.39974%;
}

.image-37 {
  position: relative;
  float: left;
  clear: both;
  z-index: 5;
  width: 25.67%;
  margin: 15px 0 0 10.08073%;
}

.image-38 {
  position: relative;
  float: left;
  z-index: 3;
  width: 25.6692708333%;
  margin: 77px 0 0 1.39323%;
}

.image-39 {
  position: relative;
  float: left;
  z-index: 4;
  width: 25.67%;
  margin: 15px 0 0 1.41797%;
}

.image-4 {
  position: relative;
  float: left;
  z-index: 34;
  width: 25.67%;
  margin: 80px 0 0 1.41146%;
}

.image-40 {
  position: relative;
  float: left;
  clear: both;
  z-index: 2;
  width: 25.6692708333%;
  margin-left: 10%;
}

.image-41 {
  position: relative;
  float: left;
  z-index: 3;
  width: 25.67%;
  margin: 15px 0 0 1.41146%;
}

.image-42 {
  z-index: 5;
}

.image-43 {
  position: relative;
  float: left;
  z-index: 1;
  width: 25.6692708333%;
  margin: 3px 0 0 1.39974%;
}

.image-44 {
  position: relative;
  float: left;
  clear: both;
  z-index: 2;
  width: 25.67%;
  margin: 15px 0 0 10.08073%;
}

.image-45 {
  position: relative;
  float: left;
  z-index: 0;
  width: 25.6692708333%;
  margin-left: 1.39323%;
}

.image-46 {
  position: relative;
  float: left;
  z-index: 1;
  width: 25.67%;
  margin: 15px 0 0 1.41797%;
}

.image-47 {
  z-index: 3;
}

.image-48 {
  position: relative;
  float: left;
  z-index: 0;
  width: 25.67%;
  margin: 15px 0 0 1.41146%;
}

.image-5 {
  position: relative;
  float: left;
  z-index: 33;
  width: 25.67%;
  margin: 80px 0 0 1.41146%;
}

.image-6 {
  position: relative;
  float: left;
  clear: both;
  z-index: 32;
  width: 25.67%;
  margin: 15px 0 0 10.08073%;
}

.image-7 {
  position: relative;
  float: left;
  z-index: 31;
  width: 25.67%;
  margin: 15px 0 0 1.40625%;
}

.image-8 {
  position: relative;
  float: left;
  z-index: 30;
  width: 25.67%;
  margin: 15px 0 0 1.41146%;
}

.image-9 {
  position: relative;
  float: left;
  clear: both;
  z-index: 29;
  width: 25.67%;
  margin: 15px 0 0 10.08073%;
}

.instagram-1 {
  z-index: 40;
}

.instagram-2 {
  z-index: 10;
}

.instagram-3 {
  z-index: 6;
}

.logopablo-1 {
  z-index: 41;
}

.logopablo-2 {
  z-index: 11;
}

.image-31,
.logopablo-3 {
  z-index: 7;
}

.mail-1 {
  left: 86.6653645833%;
  z-index: 38;
}

.mail-2 {
  left: 86.67%;
  z-index: 8;
}

.mail-3 {
  left: 86.67%;
  z-index: 4;
}

.wrapper-1 {
  z-index: 42;
  width: 79.8333333333%;
}

.wrapper-2 {
  z-index: 8;
  width: 79.9166666666%;
}

.wrapper-3 {
  z-index: 12;
  width: 79.9166666666%;
}

@media(max-width: 840px) {
  body {
    font-size: 16px;
  }

  .element {
    position: relative;
    z-index: 0;
    width: 52.9761904761%;
    margin-top: 46px;
    margin-left: 37.02381%;
  }

  .image {
    position: relative;
    height: auto;
  }

  .instagram {
    top: 14px;
    width: 2.8571428571%;
    height: 24px;
  }

  .instagram .image {
    right: -0.0651041667%;
    width: 24px;
    height: auto;
  }

  .logopablo {
    left: 10.2008928571%;
    height: auto;
  }

  .mail {
    width: 4.7619047619%;
  }

  .mail .image {
    right: 1.25%;
    height: auto;
  }

  .text {
    position: relative;
    z-index: 1;
    width: 46.3095238095%;
    margin-top: -739px;
    margin-left: 40.35528%;
  }

  .image-10 {
    z-index: 28;
    width: 39.17%;
    margin-left: 1.36719%;
  }

  .image-11 {
    clear: both;
    z-index: 27;
    width: 39.17%;
    margin-left: 10.11905%;
  }

  .image-12 {
    clear: none;
    z-index: 26;
    width: 39.17%;
    margin-left: 1.36905%;
  }

  .image-13 {
    clear: both;
    z-index: 25;
    width: 39.17%;
    margin-top: 15px;
    margin-left: 10.11905%;
  }

  .image-14 {
    z-index: 24;
    width: 39.17%;
    margin-top: 15px;
    margin-left: 1.36719%;
  }

  .image-15 {
    z-index: 23;
    width: 39.17%;
    margin-left: 10.11905%;
  }

  .image-16 {
    z-index: 22;
    width: 39.17%;
    margin-left: 1.40625%;
  }

  .image-17 {
    clear: both;
    z-index: 21;
    width: 39.17%;
    margin-left: 10.11905%;
  }

  .image-18 {
    clear: none;
    z-index: 20;
    width: 39.17%;
    margin-top: 41px;
    margin-left: 1.36719%;
  }

  .image-19 {
    clear: both;
    z-index: 19;
    width: 39.17%;
    margin-left: 10.11905%;
  }

  .image-20 {
    z-index: 18;
    width: 39.17%;
    margin-left: 1.36905%;
  }

  .image-21 {
    z-index: 17;
    width: 39.17%;
    margin-left: 10.11905%;
  }

  .image-22 {
    z-index: 16;
    width: 39.17%;
    margin-left: 1.36905%;
  }

  .image-23 {
    clear: both;
    z-index: 15;
    width: 39.17%;
    margin-left: 10.11905%;
  }

  .image-24 {
    clear: none;
    z-index: 14;
    width: 39.17%;
    margin-left: 1.36905%;
  }

  .image-25 {
    clear: both;
    z-index: 13;
    width: 39.17%;
    margin-left: 10.11905%;
  }

  .image-26 {
    z-index: 12;
    width: 39.17%;
    margin-left: 1.36905%;
  }

  .image-27 {
    z-index: 11;
    width: 39.17%;
    margin-top: 18px;
    margin-left: 10.11905%;
  }

  .image-29 {
    z-index: 10;
    width: 39.17%;
    margin-top: 18px;
    margin-left: 1.36905%;
  }

  .image-3 {
    z-index: 35;
    width: 39.17%;
    margin-left: 10.11905%;
  }

  .image-30 {
    clear: both;
    z-index: 9;
    width: 39.17%;
    margin-left: 10.11905%;
  }

  .image-32 {
    clear: none;
    z-index: 8;
    width: 39.17%;
    margin-left: 1.36905%;
  }

  .image-33 {
    clear: both;
    z-index: 7;
    width: 39.17%;
    margin-left: 10.11905%;
  }

  .image-34 {
    z-index: 4;
    width: 25.6696428571%;
    margin-top: 52px;
    margin-left: 10.11905%;
  }

  .image-35 {
    z-index: 6;
    width: 39.17%;
    margin-left: 1.36719%;
  }

  .image-36 {
    z-index: 5;
    width: 25.6696428571%;
    margin-top: 76px;
    margin-left: 1.23512%;
  }

  .image-37 {
    z-index: 5;
    width: 39.17%;
    margin-left: 10.11905%;
  }

  .image-38 {
    float: right;
    z-index: 3;
    width: 25.6696428571%;
    margin-top: 52px;
    margin-right: 10.1488099999%;
    margin-left: 0;
  }

  .image-39 {
    z-index: 4;
    width: 39.17%;
    margin-left: 1.36905%;
  }

  .image-4 {
    z-index: 34;
    width: 39.17%;
    margin-left: 1.36719%;
  }

  .image-40 {
    z-index: 2;
    width: 25.6696428571%;
  }

  .image-41 {
    clear: both;
    z-index: 3;
    width: 39.17%;
    margin-left: 10.11905%;
  }

  .image-43 {
    z-index: 1;
    width: 25.6696428571%;
    margin-left: 1.35417%;
  }

  .image-44 {
    clear: none;
    z-index: 2;
    width: 39.17%;
    margin-left: 1.36905%;
  }

  .image-45 {
    z-index: 0;
    width: 25.6696428571%;
    margin-left: 1.34859%;
  }

  .image-46 {
    clear: both;
    z-index: 1;
    width: 39.17%;
    margin-left: 10.11905%;
  }

  .image-48 {
    z-index: 0;
    width: 39.17%;
    margin-left: 1.36719%;
  }

  .image-5 {
    clear: both;
    z-index: 33;
    width: 39.17%;
    margin-top: 15px;
    margin-left: 10.11905%;
  }

  .image-6 {
    clear: none;
    z-index: 32;
    width: 39.17%;
    margin-left: 1.40625%;
  }

  .image-7 {
    clear: both;
    z-index: 31;
    width: 39.17%;
    margin-left: 10.11905%;
  }

  .image-8 {
    z-index: 30;
    width: 39.17%;
    margin-left: 1.36905%;
  }

  .image-9 {
    z-index: 29;
    width: 39.17%;
    margin-left: 10.11905%;
  }

  .instagram-1 {
    left: 77.7957589285%;
  }

  .instagram-2,
  .instagram-3 {
    left: 77.8%;
  }

  .mail-1 {
    left: 85.119047619%;
  }

  .mail-2,
  .mail-3 {
    left: 85.12%;
  }

  .wrapper-1 {
    right: 10.119047619%;
    width: 79.7619047619%;
  }

  .wrapper-2 {
    right: 10%;
    width: 79.8809523809%;
    height: auto;
  }

  .wrapper-3 {
    right: 10.119047619%;
    width: 79.7619047619%;
    height: auto;
  }
}

@media(max-width: 450px) {
  body {
    font-size: 14px;
  }

  .element {
    position: relative;
    z-index: 0;
    width: 80%;
    margin-top: 0;
    margin-left: 10%;
  }

  .image {
    height: auto;
  }

  .instagram {
    width: 4.8888888888%;
    height: 22px;
  }

  .instagram .image {
    right: 0;
    width: 22px;
    height: auto;
  }

  .logopablo {
    left: 10.2222222222%;
    width: 139px;
    height: auto;
  }

  .mail {
    top: 11px;
    width: 6.6666666666%;
    height: 30px;
  }

  .mail .image {
    right: 0.0520833333%;
    width: 30px;
    height: auto;
  }

  .text {
    position: relative;
    z-index: 1;
    width: 70.2222222222%;
    margin-top: -693px;
    margin-left: 14.88889%;
    font-size: 14px;
  }

  .wrapper {
    height: auto;
  }

  .image-10 {
    position: relative;
    clear: both;
    z-index: 28;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-11 {
    position: relative;
    z-index: 27;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-12 {
    position: relative;
    clear: both;
    z-index: 26;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-13 {
    position: relative;
    z-index: 25;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-14 {
    position: relative;
    clear: both;
    z-index: 24;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-15 {
    position: relative;
    z-index: 23;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-16 {
    position: relative;
    clear: both;
    z-index: 22;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-17 {
    position: relative;
    z-index: 21;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-18 {
    position: relative;
    clear: both;
    z-index: 20;
    width: 79.56%;
    margin-top: 15px;
    margin-left: 10.21875%;
  }

  .image-19 {
    position: relative;
    z-index: 19;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-20 {
    position: relative;
    clear: both;
    z-index: 18;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-21 {
    position: relative;
    z-index: 17;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-22 {
    position: relative;
    clear: both;
    z-index: 16;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-23 {
    position: relative;
    z-index: 15;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-24 {
    position: relative;
    clear: both;
    z-index: 14;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-25 {
    position: relative;
    z-index: 13;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-26 {
    position: relative;
    clear: both;
    z-index: 12;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-27 {
    position: relative;
    z-index: 11;
    width: 79.56%;
    margin-top: 15px;
    margin-left: 10.21875%;
  }

  .image-29 {
    position: relative;
    clear: both;
    z-index: 10;
    width: 79.56%;
    margin-top: 15px;
    margin-left: 10.21875%;
  }

  .image-3 {
    position: relative;
    z-index: 35;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-30 {
    position: relative;
    z-index: 9;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-32 {
    position: relative;
    clear: both;
    z-index: 8;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-33 {
    position: relative;
    z-index: 7;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-34 {
    position: relative;
    z-index: 4;
    width: 79.5555555555%;
    margin-top: 43px;
    margin-left: 10.21875%;
  }

  .image-35 {
    position: relative;
    clear: both;
    z-index: 6;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-36 {
    position: relative;
    clear: both;
    z-index: 5;
    width: 79.7777777777%;
    margin-top: -47px;
    margin-left: 10%;
  }

  .image-37 {
    position: relative;
    z-index: 5;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-38 {
    position: relative;
    float: left;
    clear: both;
    z-index: 3;
    width: 79.5555555555%;
    margin-top: -46px;
    margin-right: 0;
    margin-left: 10.21875%;
  }

  .image-39 {
    position: relative;
    clear: both;
    z-index: 4;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-4 {
    position: relative;
    clear: both;
    z-index: 34;
    width: 79.56%;
    margin-top: 15px;
    margin-left: 10.21875%;
  }

  .image-40 {
    position: relative;
    z-index: 2;
    width: 25.6666666666%;
    margin-left: 10.21875%;
  }

  .image-41 {
    position: relative;
    z-index: 3;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-43 {
    position: relative;
    z-index: 1;
    width: 25.6666666666%;
    margin-top: 2px;
    margin-left: 1.60764%;
  }

  .image-44 {
    position: relative;
    clear: both;
    z-index: 2;
    width: 79.56%;
    margin-left: 10.20139%;
  }

  .image-45 {
    position: relative;
    z-index: 0;
    width: 25.6666666666%;
    margin-left: 1.39931%;
  }

  .image-46 {
    position: relative;
    z-index: 1;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-48 {
    position: relative;
    clear: both;
    z-index: 0;
    width: 79.56%;
    margin-left: 10.20139%;
  }

  .image-5 {
    position: relative;
    z-index: 33;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-6 {
    position: relative;
    clear: both;
    z-index: 32;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-7 {
    position: relative;
    z-index: 31;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-8 {
    position: relative;
    clear: both;
    z-index: 30;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .image-9 {
    position: relative;
    z-index: 29;
    width: 79.56%;
    margin-left: 10.21875%;
  }

  .instagram-1 {
    left: 74.0173611111%;
  }

  .instagram-2,
  .instagram-3 {
    left: 74.02%;
  }

  .mail-1 {
    left: 83.3333333333%;
  }

  .mail-2,
  .mail-3 {
    left: 83.33%;
  }

  .wrapper-2 {
    width: 79.7777777777%;
  }

  .wrapper-1,
  .wrapper-3 {
    right: 10.2222222222%;
    width: 79.5555555555%;
  }
}