.menu-desktop {
  width: 100%;
  height: 200px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.menu-logo {
  width: 300px;
  height: auto;
}

.image {
  width: 100%;
  height: auto;
}

.sections-menu {
  width: 70%;
  height: auto;
  justify-content: space-around;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.link {
  color: #000;
  letter-spacing: 1px;
  font-family: Tt tsars a trial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  text-decoration: none;
}

.link:focus {
  text-decoration: underline;
}

.concrete-texture {
  width: 100%;
  height: 5px;
  background-image: url('../images/WallConcrete.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 20px;
}

.section {
  width: 100%;
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.div-block {
  width: 80%;
  height: auto;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-top: 160px;
  display: flex;
}

.text-block {
  letter-spacing: 1px;
  font-family: Tt tsars a trial, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.paragraph {
  width: 100%;
  color: #9c9b9b;
  text-align: justify;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
}

.text-block-2 {
  letter-spacing: 1px;
  margin-top: 0;
  font-family: Tt tsars a trial, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.div-block-2 {
  width: 80%;
  height: 600px;
}

.slider {
  width: 100%;
  height: 100%;
}

.left-arrow, .right-arrow, .slide-nav {
  display: none;
}

.slide {
  background-image: url('../images/torres.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-2 {
  background-image: url('../images/TorreNovarTerraza2.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-3 {
  background-image: url('../images/Glamping.png');
  background-position: 50%;
  background-size: cover;
}

.slide-4 {
  background-image: url('../images/PORTADA.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-5 {
  background-image: url('../images/CasaLago.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-6 {
  background-image: url('../images/HO4.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-7 {
  background-image: url('../images/FV11.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-8 {
  background-image: url('../images/FV4.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-9 {
  background-image: url('../images/LC3.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1 {
  background-image: url('../images/N1.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-3 {
  width: 40%;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 20px;
  display: flex;
}

.div-block-4 {
  width: 50%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.portafolio-web {
  width: 100%;
  height: 700px;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 0;
  display: flex;
}

.div-block-5 {
  width: 85%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.div-block-5.sp {
  justify-content: space-around;
}

.div-block-6 {
  width: 45%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  margin-left: 10px;
  padding-left: 0;
  display: flex;
}

.div-block-7 {
  width: 48%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-7.proyecto {
  width: 30%;
  text-decoration: none;
}

.div-block-8 {
  width: 48%;
  height: 100%;
  background-color: #6f4141;
}

.div-block-9 {
  width: 48%;
  height: 100%;
  background-color: #55a4be;
}

.div-block-10 {
  width: 48%;
  height: 100%;
  background-color: #73c27b;
}

.div-block-11 {
  width: 100%;
  height: 85%;
  background-image: url('../images/torres.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-11.torreslivet {
  filter: grayscale();
  transition: filter .325s;
}

.div-block-11.torreslivet:hover {
  filter: grayscale(0%);
}

.div-block-11.piedrasaltas {
  filter: grayscale();
  background-image: url('../images/PA4.jpg');
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
}

.div-block-11.piedrasaltas:hover {
  filter: grayscale(0%);
}

.div-block-11.xathe {
  filter: grayscale();
  background-image: url('../images/X1.jpg');
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
}

.div-block-11.xathe:hover {
  filter: grayscale(0%);
}

.div-block-11.xatheluxury {
  filter: grayscale();
  background-image: url('../images/PORTADA.jpg');
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
}

.div-block-11.xatheluxury:hover {
  filter: grayscale(0%);
}

.div-block-11.livetqueretaro {
  filter: grayscale();
  background-image: url('../images/LQ2.jpg');
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
}

.div-block-11.livetqueretaro:hover {
  filter: grayscale(0%);
}

.div-block-11.hakolal {
  filter: grayscale();
  background-image: url('../images/HO4.jpg');
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
}

.div-block-11.hakolal:hover {
  filter: grayscale(0%);
}

.div-block-11.torrenovar {
  filter: grayscale();
  background-image: url('../images/TN5.jpg');
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
}

.div-block-11.torrenovar:hover {
  filter: grayscale(0%);
}

.div-block-11.fis {
  filter: grayscale();
  background-image: url('../images/ForestaInternational.jpeg');
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
}

.div-block-11.fis:hover {
  filter: grayscale(0%);
}

.div-block-11.forestavalley {
  filter: grayscale();
  background-image: url('../images/FV4.jpg');
  background-position: 50%;
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
}

.div-block-11.forestavalley:hover {
  filter: grayscale(0%);
}

.div-block-11.altaterra {
  filter: grayscale();
  background-image: url('../images/AT13.jpg');
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
}

.div-block-11.altaterra:hover {
  filter: grayscale(0%);
}

.div-block-11.laca-ada {
  filter: grayscale();
  background-image: url('../images/LC3.jpg');
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
}

.div-block-11.laca-ada:hover {
  filter: grayscale(0%);
}

.div-block-11.nativa {
  filter: grayscale();
  background-image: url('../images/N1.jpg');
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
}

.div-block-11.nativa:hover {
  filter: grayscale(0%);
}

.div-block-11.omeeglamping {
  filter: grayscale();
  background-image: url('../images/Glamping.png');
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
}

.div-block-11.omeeglamping:hover {
  filter: grayscale(0%);
}

.div-block-11.zonauno {
  filter: grayscale();
  background-image: url('../images/ZU1.jpg');
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
}

.div-block-11.zonauno:hover {
  filter: grayscale(0%);
}

.image-2 {
  width: 100%;
}

.text-block-3 {
  color: #000;
  text-align: center;
  letter-spacing: 2px;
  margin-top: 20px;
  font-family: Tt tsars a trial, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.text-block-4 {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 9px;
  font-weight: 400;
}

.menu-mobile, .menu-grap, .portafoliomobile, .portafolio-tablet, .div-block-19 {
  display: none;
}

.section-2 {
  width: 100%;
  height: 600px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 100px;
  display: flex;
}

.text-block-5 {
  letter-spacing: 1px;
  font-family: Tt tsars a trial, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.text-block-6 {
  color: #9c9b9b;
  text-align: center;
  margin-top: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.div-block-20 {
  width: 80%;
  height: 70px;
  justify-content: space-around;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.div-block-21 {
  width: 150px;
  height: 70px;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  text-decoration: none;
  display: flex;
}

.image-5 {
  width: 100%;
  height: 100%;
}

.div-block-22 {
  width: 20px;
  height: 20px;
  background-image: url('../images/InstagramNativa.svg');
  background-position: 50%;
  background-size: cover;
}

.div-block-22.facebook {
  background-image: url('../images/FacebookNativa.svg');
}

.div-block-22.vimeo {
  background-image: url('../images/VimeoNativa.svg');
}

.text-block-7 {
  color: #333;
  text-align: center;
  letter-spacing: 1px;
  font-family: Tt tsars a trial, sans-serif;
  font-weight: 300;
}

.section-3 {
  width: 100%;
  height: auto;
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.div-block-23 {
  width: 90%;
  height: 700px;
  justify-content: space-around;
  align-items: flex-end;
  display: flex;
}

.div-block-24 {
  width: 49%;
  height: 100%;
  background-image: url('../images/TL1.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.div-block-24.zu1 {
  background-image: url('../images/ZU1.jpg');
}

.div-block-25 {
  width: 100%;
  height: 70%;
  background-image: url('../images/torres.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-25.tl-1 {
  height: 100%;
}

.div-block-25.pa-1 {
  width: 49%;
  height: 100%;
  background-image: url('../images/PA7.jpg');
}

.div-block-25.xl1 {
  width: 49%;
  height: 100%;
  background-image: url('../images/-XL1.jpg');
}

.div-block-25.zu1 {
  background-image: url('../images/ZU1.jpg');
}

.div-block-25.og1 {
  width: 49%;
  height: 100%;
  background-image: url('../images/O1.jpg');
}

.div-block-25.n1 {
  width: 49%;
  height: 100%;
  background-image: url('../images/N1.jpg');
}

.div-block-25.lc1 {
  width: 49%;
  height: 100%;
  background-image: url('../images/LC1.jpg');
}

.div-block-25.at1 {
  width: 49%;
  height: 100%;
  background-image: url('../images/AT1.jpg');
}

.div-block-25.fv1 {
  width: 49%;
  height: 100%;
  background-image: url('../images/FV1.jpg');
}

.div-block-25.tn1 {
  width: 49%;
  height: 100%;
  background-image: url('../images/TN1.jpg');
}

.div-block-25.lq1 {
  width: 49%;
  height: 100%;
  background-image: url('../images/LQ9.jpg');
}

.div-block-25.x1 {
  width: 49%;
  height: 100%;
  background-image: url('../images/X1.jpg');
}

.div-block-25.ho1 {
  width: 49%;
  height: 100%;
  background-image: url('../images/HO2.jpg');
}

.div-block-25.fis1 {
  width: 49%;
  height: 100%;
  background-image: url('../images/FIS1.JPG');
  background-position: 100%;
}

.div-block-26 {
  width: 10px;
  height: auto;
  margin-bottom: 20px;
}

.image-6 {
  width: 100%;
  height: 100%;
}

.div-block-27 {
  width: 49%;
  height: 70%;
  background-image: url('../images/Torres4.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-27.tl-2 {
  height: 100%;
}

.div-block-27.pa-2 {
  height: 100%;
  background-image: url('../images/PA2.jpg');
}

.div-block-27.xl2 {
  height: 100%;
  background-image: url('../images/XL2.jpg');
}

.div-block-27.zu2 {
  height: 100%;
  background-image: url('../images/ZU2.jpg');
}

.div-block-27.og2 {
  height: 100%;
  background-image: url('../images/O2.jpg');
}

.div-block-27.n2 {
  height: 100%;
  background-image: url('../images/N2.jpg');
}

.div-block-27.lc2 {
  height: 100%;
  background-image: url('../images/LC2.jpg');
}

.div-block-27.at2 {
  height: 100%;
  background-image: url('../images/AT2.jpg');
}

.div-block-27.fv2 {
  height: 100%;
  background-image: url('../images/FV2.jpg');
}

.div-block-27.tn2 {
  height: 100%;
  background-image: url('../images/TN2.jpg');
}

.div-block-27.lq2 {
  height: 100%;
  background-image: url('../images/LQ2.jpg');
}

.div-block-27.x2 {
  height: 100%;
  background-image: url('../images/X2.jpg');
}

.div-block-27.ho2 {
  height: 100%;
  background-image: url('../images/HO1.jpg');
}

.div-block-27.fis2 {
  width: 49%;
  height: 100%;
  background-image: url('../images/FIS2.jpg');
}

.div-block-28 {
  width: 90%;
  height: auto;
  flex-direction: column;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.text-block-8 {
  letter-spacing: 5px;
  font-family: Inconsolata, monospace;
  font-size: 20px;
  font-weight: 300;
  line-height: 20px;
}

.paragraph-2 {
  color: #9d9d9c;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 13px;
}

.div-block-29 {
  width: 90%;
  height: 600px;
  background-image: url('../images/TL1.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 60px;
}

.div-block-29.pa-3 {
  background-image: url('../images/PA3.jpg');
}

.div-block-29.xl2, .div-block-29.xl3 {
  background-image: url('../images/XL3.jpg');
}

.div-block-29.zu3 {
  background-image: url('../images/ZU3.jpg');
}

.div-block-29.og3 {
  background-image: url('../images/O3.jpg');
}

.div-block-29.n3 {
  background-image: url('../images/N3.jpg');
}

.div-block-29.lc3 {
  background-image: url('../images/LC3.jpg');
}

.div-block-29.at3 {
  background-image: url('../images/AT5.jpg');
}

.div-block-29.fv3 {
  background-image: url('../images/FV3.jpg');
}

.div-block-29.fv18 {
  background-image: url('../images/FV18.jpg');
  margin-top: 10px;
  padding-top: 0;
}

.div-block-29.fv22 {
  background-image: url('../images/FV22.jpg');
  margin-top: 10px;
}

.div-block-29.tn3 {
  background-image: url('../images/TN3.jpg');
}

.div-block-29.tn18 {
  background-image: url('../images/TN19.jpg');
  margin-top: 10px;
}

.div-block-29.tn22 {
  background-image: url('../images/TN21.jpg');
  margin-top: 10px;
}

.div-block-29.lq3 {
  background-image: url('../images/LQ3.jpg');
}

.div-block-29.lq18 {
  background-image: url('../images/LQ18.jpg');
  margin-top: 10px;
}

.div-block-29.lq22 {
  background-image: url('../images/LQ22.jpg');
  margin-top: 10px;
}

.div-block-29.x3 {
  background-image: url('../images/X3.jpg');
}

.div-block-29.ho3 {
  background-image: url('../images/HO3.jpg');
}

.div-block-29.ho18 {
  background-image: url('../images/HO18.jpg');
  margin-top: 10px;
}

.div-block-29.ho22 {
  margin-top: 10px;
}

.div-block-29.fis3 {
  background-image: url('../images/FIS3.jpg');
}

.div-block-30 {
  width: 90%;
  height: 600px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.div-block-30.og15 {
  background-image: url('../images/O15.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-30.n15 {
  background-image: url('../images/N15.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-31 {
  width: 50%;
  height: 100%;
}

.div-block-31.tl-4 {
  background-image: url('../images/TL2.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-32 {
  width: 50%;
  height: 100%;
}

.div-block-32.tl-4 {
  background-image: url('../images/TL2.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.tl-9 {
  background-image: url('../images/TL9.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.tl-12 {
  background-image: url('../images/TL10.jpg');
  background-position: 100%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.tl-16 {
  background-image: url('../images/TL14.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.pa-4 {
  background-image: url('../images/PA4.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.pa-9 {
  background-image: url('../images/PA28.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.pa-12 {
  margin-right: 5px;
}

.div-block-32.pa-16 {
  background-image: url('../images/PA9.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.xl4 {
  background-image: url('../images/XL5.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.xl9 {
  background-image: url('../images/XL10.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.xl12 {
  background-image: url('../images/XL17.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.xl15 {
  background-image: url('../images/XL15.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.zu4 {
  background-image: url('../images/ZU4.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.zu9 {
  background-image: url('../images/ZU9.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.zu12 {
  background-image: url('../images/ZU12.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.zu16 {
  margin-right: 5px;
}

.div-block-32.og4 {
  background-image: url('../images/O4.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.og9 {
  background-image: url('../images/O9.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.og12 {
  background-image: url('../images/O12.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.og15 {
  background-image: url('../images/O15.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.n4 {
  background-image: url('../images/N4.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.n9 {
  background-image: url('../images/N9.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.n12 {
  background-image: url('../images/N12.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.n15 {
  background-image: url('../images/N15.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.lc4 {
  background-image: url('../images/LC4.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.lc9 {
  background-image: url('../images/LC9.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.lc12 {
  background-image: url('../images/LC12.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.lc15 {
  background-image: url('../images/LC15.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.at4 {
  background-image: url('../images/AT8.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.at9 {
  background-image: url('../images/AT9.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.at12 {
  background-image: url('../images/AT12.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-32.fv4 {
  background-image: url('../images/FV4.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.fv9 {
  background-image: url('../images/FV10.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.fv12 {
  background-image: url('../images/FV12.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.fv16 {
  background-image: url('../images/FV16.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.fv20 {
  background-image: url('../images/FV20.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.fv24 {
  background-image: url('../images/FV24.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.fv26 {
  background-image: url('../images/FV26.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.tn4 {
  background-image: url('../images/TN4.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.tn9 {
  background-image: url('../images/TN9.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.tn12 {
  background-image: url('../images/TN12.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.tn16 {
  background-image: url('../images/TN17.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.tn20 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.lq4 {
  background-image: url('../images/LQ4.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.lq9 {
  background-image: url('../images/LQ9.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.lq12 {
  background-image: url('../images/LQ12.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.lq16 {
  background-image: url('../images/LQ16.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.lq20 {
  background-image: url('../images/LQ20.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.lq24 {
  background-image: url('../images/LQ24.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.x4 {
  background-image: url('../images/X4.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.x9 {
  background-image: url('../images/X9.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.x12 {
  background-image: url('../images/X12.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.ho4 {
  background-image: url('../images/HO4.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.ho9 {
  background-image: url('../images/HO9.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.ho12 {
  background-image: url('../images/HO12.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.ho16 {
  background-image: url('../images/HO16.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.ho20 {
  background-image: url('../images/HO20.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.div-block-32.ho24, .div-block-32.ho26 {
  margin-right: 5px;
}

.div-block-32.fis4 {
  background-image: url('../images/FIS4.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-32.fis9 {
  background-image: url('../images/FIS9.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-32.fis12 {
  background-image: url('../images/FIS12.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-32.fis16 {
  background-image: url('../images/FIS16.JPG');
  background-position: 50%;
  background-size: cover;
}

.div-block-33 {
  width: 50%;
  height: 100%;
  background-image: url('../images/TL3.jpg');
  background-position: 50% 100%;
  background-size: cover;
  margin-left: 5px;
}

.div-block-33.tl-10 {
  background-image: url('../images/TL8.jpg');
}

.div-block-33.tl-13 {
  background-image: url('../images/TL11.jpg');
}

.div-block-33.tl-17 {
  background-image: url('../images/TL13.jpg');
}

.div-block-33.pa-5 {
  background-image: url('../images/PA10.jpg');
}

.div-block-33.pa-10 {
  background-image: url('../images/PA31.jpg');
}

.div-block-33.pa-13 {
  background-image: url('../images/PA5.jpg');
}

.div-block-33.pa-17 {
  background-image: url('../images/PA23.jpg');
}

.div-block-33.xl5 {
  background-image: url('../images/XL6.jpg');
}

.div-block-33.xl10 {
  background-image: url('../images/XL11.jpg');
}

.div-block-33.xl13 {
  background-image: url('../images/XL13.jpg');
}

.div-block-33.xl16 {
  background-image: url('../images/XL16.jpg');
}

.div-block-33.zu5 {
  background-image: url('../images/ZU5.jpg');
}

.div-block-33.zu10 {
  background-image: url('../images/ZU10.jpg');
}

.div-block-33.zu13 {
  background-image: url('../images/ZU13.jpg');
}

.div-block-33.og5 {
  background-image: url('../images/O5.jpg');
}

.div-block-33.og10 {
  background-image: url('../images/O10.jpg');
}

.div-block-33.og13 {
  background-image: url('../images/O13.jpg');
}

.div-block-33.n5 {
  background-image: url('../images/N5.jpg');
}

.div-block-33.n10 {
  background-image: url('../images/N10.jpg');
}

.div-block-33.n13 {
  background-image: url('../images/N13.jpg');
}

.div-block-33.n16 {
  background-image: url('../images/N16.jpg');
}

.div-block-33.lc5 {
  background-image: url('../images/LC5.jpg');
}

.div-block-33.lc10 {
  background-image: url('../images/LC10.jpg');
}

.div-block-33.lc13 {
  background-image: url('../images/LC13.jpg');
}

.div-block-33.lc16 {
  background-image: url('../images/LC16.jpg');
}

.div-block-33.at5 {
  background-image: url('../images/AT3.jpg');
}

.div-block-33.at10 {
  background-image: url('../images/AT10.jpg');
}

.div-block-33.at13 {
  background-image: url('../images/AT14.jpg');
}

.div-block-33.fv5 {
  background-image: url('../images/FV5.jpg');
}

.div-block-33.fv10 {
  background-image: url('../images/FV6.jpg');
}

.div-block-33.fv13 {
  background-image: url('../images/FV13.jpg');
}

.div-block-33.fv17 {
  background-image: url('../images/FV17.jpg');
}

.div-block-33.fv21 {
  background-image: url('../images/FV19.jpg');
}

.div-block-33.fv25 {
  background-image: url('../images/FV25.jpg');
}

.div-block-33.fv27 {
  background-image: url('../images/FV27.jpg');
}

.div-block-33.tn5 {
  background-image: url('../images/TN5.jpg');
}

.div-block-33.tn10 {
  background-image: url('../images/TN10.jpg');
}

.div-block-33.tn13 {
  background-image: url('../images/TN14.jpg');
}

.div-block-33.tn17 {
  background-image: url('../images/TN18.jpg');
}

.div-block-33.lq5 {
  background-image: url('../images/LQ5.jpg');
}

.div-block-33.lq10 {
  background-image: url('../images/LQ10.jpg');
}

.div-block-33.lq13 {
  background-image: url('../images/LQ13.jpg');
}

.div-block-33.lq17 {
  background-image: url('../images/LQ17.jpg');
}

.div-block-33.lq21 {
  background-image: url('../images/LQ21.jpg');
}

.div-block-33.lq25 {
  background-image: url('../images/LQ25.jpg');
}

.div-block-33.x5 {
  background-image: url('../images/X5.jpg');
}

.div-block-33.x10 {
  background-image: url('../images/X10.jpg');
}

.div-block-33.x13 {
  background-image: url('../images/X13.jpg');
}

.div-block-33.ho5 {
  background-image: url('../images/HO5.jpg');
}

.div-block-33.ho10 {
  background-image: url('../images/HO10.jpg');
}

.div-block-33.ho13 {
  background-image: url('../images/HO13.jpg');
}

.div-block-33.ho17 {
  background-image: url('../images/HO17.jpg');
}

.div-block-33.ho21 {
  background-image: url('../images/HO21.jpg');
}

.div-block-33.fis5 {
  background-image: url('../images/FIS5.jpg');
}

.div-block-33.fis10 {
  background-image: url('../images/FIS10.jpg');
}

.div-block-33.fis13 {
  background-image: url('../images/FIS13.jpg');
}

.div-block-33.fis17 {
  background-image: url('../images/FIS17.JPG');
}

.div-block-34 {
  width: 90%;
  height: 1200px;
  background-image: url('../images/TL4.jpg');
  background-position: 50%;
  background-size: cover;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.div-block-34.tl-18 {
  background-image: url('../images/TL16.jpg');
}

.div-block-34.pa-6 {
  background-image: url('../images/PA25.jpeg');
}

.div-block-34.xl6 {
  background-image: url('../images/XL7.jpg');
}

.div-block-34.zu6 {
  background-image: url('../images/ZU6.jpg');
}

.div-block-34.og6 {
  background-image: url('../images/O6.jpg');
}

.div-block-34.n6 {
  background-image: url('../images/N6.jpg');
}

.div-block-34.lc6 {
  background-image: url('../images/LC6.jpg');
}

.div-block-34.at6 {
  background-image: url('../images/AT6.jpg');
}

.div-block-34.fv6 {
  background-image: url('../images/FV7.jpg');
}

.div-block-34.fv15 {
  background-image: url('../images/FV15.jpg');
}

.div-block-34.fv23 {
  background-image: url('../images/FV23.jpg');
}

.div-block-34.tn6 {
  background-image: url('../images/TN6.jpg');
}

.div-block-34.tn15 {
  background-image: url('../images/TN16.jpg');
}

.div-block-34.lq6 {
  background-image: url('../images/LQ6.jpg');
}

.div-block-34.lq15 {
  background-image: url('../images/LQ15.jpg');
}

.div-block-34.lq23 {
  background-image: url('../images/LQ23.jpg');
}

.div-block-34.x6 {
  background-image: url('../images/X6.jpg');
}

.div-block-34.ho6 {
  background-image: url('../images/HO6.jpg');
}

.div-block-34.ho15 {
  background-image: url('../images/HO15.jpg');
}

.div-block-34.fis6 {
  background-image: url('../images/FIS6.jpg');
}

.div-block-34.fis15 {
  background-image: url('../images/FIS15.jpg');
}

.div-block-35 {
  width: 50%;
  height: 100%;
  background-image: url('../images/TL5.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-36 {
  width: 90%;
  height: 500px;
  background-image: url('../images/TL6.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 10px;
}

.div-block-36.tl-7 {
  height: 600px;
}

.div-block-36.pa-7 {
  background-image: url('../images/PA24.jpeg');
}

.div-block-36.xl7 {
  background-image: url('../images/XL8.jpg');
}

.div-block-36.zu7 {
  background-image: url('../images/ZU7.jpg');
}

.div-block-36.og7 {
  background-image: url('../images/O7.jpg');
}

.div-block-36.n7 {
  background-image: url('../images/N7.jpg');
}

.div-block-36.lc7 {
  background-image: url('../images/LC7.jpg');
}

.div-block-36.at7 {
  background-image: url('../images/AT7.jpg');
}

.div-block-36.fv7 {
  background-image: url('../images/FV8.jpg');
}

.div-block-36.fv14 {
  background-image: url('../images/FV14.jpg');
}

.div-block-36.tn7 {
  background-image: url('../images/TN7.jpg');
}

.div-block-36.tn14 {
  background-image: url('../images/TN15.jpg');
}

.div-block-36.lq7 {
  background-image: url('../images/LQ7.jpg');
}

.div-block-36.lq14 {
  background-image: url('../images/LQ14.jpg');
}

.div-block-36.x7 {
  background-image: url('../images/X7.jpg');
}

.div-block-36.ho7 {
  background-image: url('../images/HO7.jpg');
}

.div-block-36.ho14 {
  background-image: url('../images/HO14.jpg');
  background-position: 50% 100%;
}

.div-block-36.fis7 {
  background-image: url('../images/FIS7.jpg');
  background-position: 50% 100%;
}

.div-block-36.fis14 {
  background-image: url('../images/FIS14.jpg');
}

.div-block-37 {
  width: 90%;
  height: 800px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.div-block-37.ladoizq {
  justify-content: flex-end;
}

.div-block-38 {
  width: 50%;
  height: 800px;
  background-image: url('../images/TL7.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-38.pa-8 {
  background-image: url('../images/PA14.jpg');
}

.div-block-38.xl8 {
  background-image: url('../images/XL9.jpg');
}

.div-block-38.zu8 {
  background-image: url('../images/ZU8.jpg');
}

.div-block-38.og8 {
  background-image: url('../images/O8.jpg');
}

.div-block-38.n8 {
  background-image: url('../images/N8.jpg');
}

.div-block-38.lc8 {
  background-image: url('../images/LC8.jpg');
}

.div-block-38.at8 {
  background-image: url('../images/AT4.jpg');
}

.div-block-38.fv8 {
  background-image: url('../images/FV9.jpg');
}

.div-block-38.fv19 {
  background-image: url('../images/FV21.png');
}

.div-block-38.tn8 {
  background-image: url('../images/TN8.jpg');
}

.div-block-38.tn19 {
  background-image: url('../images/TN20.jpg');
}

.div-block-38.lq8 {
  background-image: url('../images/LQ8.jpg');
}

.div-block-38.lq19 {
  background-image: url('../images/LQ19.jpg');
}

.div-block-38.x8 {
  background-image: url('../images/X8.jpg');
}

.div-block-38.ho8 {
  background-image: url('../images/HO8.jpg');
}

.div-block-38.ho19 {
  background-image: url('../images/HO19.jpg');
}

.div-block-38.fis8 {
  background-image: url('../images/FIS8.jpg');
}

.div-block-39 {
  width: 90%;
  height: 500px;
  background-image: url('../images/TL5.jpg');
  background-position: 50% 0;
  background-size: cover;
  margin-top: 10px;
}

.div-block-39.pa-11 {
  background-image: url('../images/PA30.jpg');
  background-position: 50%;
}

.div-block-39.xl11 {
  background-image: url('../images/XL12.jpg');
  background-position: 50%;
}

.div-block-39.zu11 {
  background-image: url('../images/ZU11.jpg');
}

.div-block-39.og11 {
  background-image: url('../images/O11.jpg');
}

.div-block-39.n11 {
  background-image: url('../images/N11.jpg');
}

.div-block-39.lc11 {
  background-image: url('../images/LC11.jpg');
  background-position: 50%;
}

.div-block-39.at11 {
  background-image: url('../images/AT11.jpg');
}

.div-block-39.fv11 {
  height: 600px;
  background-image: url('../images/FV11.jpg');
  background-position: 50%;
}

.div-block-39.tn11 {
  background-image: url('../images/TN11.jpg');
}

.div-block-39.lq11 {
  background-image: url('../images/LQ11.jpg');
  background-position: 50%;
}

.div-block-39.x11 {
  background-image: url('../images/X11.jpg');
}

.div-block-39.ho11 {
  background-image: url('../images/HO11.jpg');
  background-position: 50%;
}

.div-block-39.fis11 {
  background-image: url('../images/FIS12.jpg');
  background-position: 50%;
}

.div-block-40 {
  width: 90%;
  height: 500px;
  background-image: url('../images/TL12.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 10px;
}

.div-block-40.tl-19 {
  background-image: url('../images/TL17.jpg');
}

.div-block-40.pa-14 {
  background-image: url('../images/PA8.jpg');
}

.div-block-40.xl14 {
  background-image: url('../images/XL14.jpg');
}

.div-block-40.zu14 {
  background-image: url('../images/ZU14.jpg');
}

.div-block-40.og14 {
  background-image: url('../images/O14.jpg');
}

.div-block-40.n14 {
  background-image: url('../images/N14.jpg');
}

.div-block-40.lc14 {
  background-image: url('../images/LC14.jpg');
}

.div-block-40.x14 {
  background-image: url('../images/X14.jpg');
}

.div-block-40.x15 {
  background-image: url('../images/X15.jpg');
}

.div-block-41 {
  width: 90%;
  height: 800px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
  display: none;
}

.div-block-42 {
  width: 50%;
  height: 100%;
  background-image: url('../images/TL13.jpg');
  background-position: 50%;
  background-size: cover;
}

.text-block-9 {
  width: 80%;
  text-align: center;
  margin-top: 160px;
  font-family: Tt tsars a trial, sans-serif;
  font-size: 50px;
  line-height: 50px;
}

.div-block-43 {
  width: 50%;
  height: 400px;
  background-image: url('../images/A4-Paper.jpg');
  background-position: 50%;
  background-size: cover;
  margin-right: 20px;
}

.div-block-43.im2 {
  background-image: url('../images/LandscapeNativa.png');
}

.div-block-44 {
  width: 100%;
  height: 1080px;
  margin-top: 160px;
}

.background-video {
  width: 100%;
  height: 100%;
}

.background-video-desktop {
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-45 {
  width: 100%;
  height: auto;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-46 {
  width: 100%;
  height: 80px;
  justify-content: space-between;
  align-items: center;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.div-block-47 {
  width: 200px;
  height: auto;
}

.div-block-48 {
  width: auto;
  height: auto;
}

.link-5 {
  color: #fff;
  letter-spacing: 2px;
  margin-left: 20px;
  margin-right: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}

.div-block-49 {
  width: 100%;
  height: 80px;
  justify-content: space-between;
  align-items: center;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.div-block-50 {
  width: 500px;
  height: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-10 {
  color: #fff;
  font-family: Inconsolata, monospace;
  font-size: 20px;
  line-height: 20px;
}

.slider-2 {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
}

.left-arrow-2, .right-arrow-2, .slide-nav-2 {
  display: none;
}

.slide-10 {
  width: 100px;
}

.slide-11, .mask {
  background-color: rgba(255, 255, 255, 0);
}

.text-block-11 {
  text-align: center;
  font-family: Inconsolata, monospace;
  font-size: 20px;
}

.div-block-51 {
  width: 100%;
  height: 80px;
  justify-content: space-between;
  align-items: center;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.div-block-52 {
  width: 150px;
  height: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-53, .div-block-54, .div-block-55 {
  width: 20px;
  height: 20px;
}

.image-7 {
  width: 100%;
  height: 100%;
}

.div-block-56 {
  z-index: 2;
  width: 200px;
  height: 40px;
  color: #fff;
  background-color: #000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: background-color .325s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: static;
  top: auto;
  bottom: 2%;
  left: auto;
  right: 2%;
}

.div-block-56:hover {
  background-color: rgba(0, 0, 0, .6);
}

.div-block-56.boton-port {
  position: fixed;
}

.div-block-57, .image-8 {
  width: 20px;
  height: 20px;
}

.text-block-12 {
  margin-left: 10px;
  font-family: Inconsolata, monospace;
}

.background-video-mobile, .menu.menugeneralmobile, .menu-grap-mobile {
  display: none;
}

.portafolio-header {
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.portafolio-header.mobile {
  display: none;
}

.menu-desk {
  z-index: 4;
  width: 100%;
  height: 80px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.columnas-desktop {
  width: 100%;
  height: auto;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 15px 20px;
  display: flex;
}

.columna-1-deskt {
  width: 33%;
  height: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.columna-2-deskt {
  width: 33%;
  height: auto;
  flex-direction: column;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.columna-3-deskt {
  width: 33%;
  height: auto;
  flex-direction: column;
  align-items: center;
  margin-left: 10px;
  display: flex;
}

.div-block-62 {
  width: 100%;
  height: 300px;
  background-image: url('../images/torres.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  text-decoration: none;
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.div-block-62:hover {
  filter: grayscale(75%);
}

.div-block-63 {
  width: 100%;
  height: 450px;
  background-image: url('../images/PA25.jpeg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  text-decoration: none;
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.div-block-63:hover {
  filter: grayscale(75%);
}

.div-block-64 {
  width: 100%;
  height: 600px;
  background-image: url('../images/X3.jpg');
  background-position: 0%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  text-decoration: none;
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.div-block-64:hover {
  filter: grayscale(75%);
}

.div-block-65 {
  width: 100%;
  height: 820px;
  background-image: url('../images/XL11.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  text-decoration: none;
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.div-block-65:hover {
  filter: grayscale(75%);
}

.div-block-66 {
  width: 100%;
  height: 350px;
  background-image: url('../images/O2.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  text-decoration: none;
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.div-block-66:hover {
  filter: grayscale(75%);
}

.div-block-67 {
  width: 100%;
  height: 600px;
  background-image: url('../images/ZU13.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  text-decoration: none;
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.div-block-67:hover {
  filter: grayscale(75%);
}

.div-block-68 {
  width: 100%;
  height: 350px;
  background-image: url('../images/CasaJM.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  text-decoration: none;
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.div-block-68:hover {
  filter: grayscale(75%);
}

.div-block-69 {
  width: 100%;
  height: 440px;
  background-image: url('../images/LC6.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  text-decoration: none;
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.div-block-69:hover {
  filter: grayscale(75%);
}

.div-block-70 {
  width: 100%;
  height: 450px;
  background-image: url('../images/AT6.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  text-decoration: none;
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.div-block-70:hover {
  filter: grayscale(75%);
}

.div-block-71 {
  width: 100%;
  height: 600px;
  background-image: url('../images/FV4.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  text-decoration: none;
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.div-block-71:hover {
  filter: grayscale(75%);
}

.div-block-72 {
  width: 100%;
  height: 440px;
  background-image: url('../images/FIS3.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  text-decoration: none;
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.div-block-72:hover {
  filter: grayscale(75%);
}

.div-block-73 {
  width: 100%;
  height: 500px;
  background-image: url('../images/TN6.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  text-decoration: none;
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.div-block-73:hover {
  filter: grayscale(75%);
}

.div-block-74 {
  width: 100%;
  height: 350px;
  background-image: url('../images/LQ2.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  text-decoration: none;
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.div-block-74:hover {
  filter: grayscale(75%);
}

.div-block-75 {
  width: 100%;
  height: 600px;
  background-image: url('../images/HO4.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  text-decoration: none;
  transition: filter .325s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.div-block-75:hover {
  filter: grayscale(75%);
}

.div-block-76 {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .65);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.text-block-13 {
  color: #fff;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-weight: 700;
}

.text-block-14 {
  color: #fff;
  font-family: Inconsolata, monospace;
  font-size: 12px;
}

.div-block-77 {
  width: 100%;
  height: 70px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 40px;
  display: flex;
}

.div-block-78 {
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-13 {
  width: 20px;
  height: 20px;
}

.div-block-79 {
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  margin-left: 40px;
  display: flex;
}

.image-14 {
  width: 20px;
  height: 20px;
}

.div-block-80 {
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  margin-left: 40px;
  display: flex;
}

.image-15 {
  width: 20px;
  height: 20px;
}

.columnas-tablet, .columna-mobile {
  display: none;
}

.background-video-2 {
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.section-4 {
  width: 100%;
  height: 700px;
  filter: grayscale();
  background-image: url('../images/FotoEquipo2.jpg');
  background-position: 50%;
  background-size: cover;
}

.image-16 {
  width: 100%;
  height: 300px;
}

.section-5 {
  width: 100%;
  height: 500px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.text-block-19 {
  text-align: center;
  margin-top: 20px;
  font-family: Inconsolata, monospace;
  font-weight: 400;
}

.text-block-20 {
  text-align: center;
  margin-top: 60px;
  font-family: Inconsolata, monospace;
}

.div-block-99 {
  width: auto;
  height: auto;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.div-block-100 {
  width: 35px;
  height: 35px;
  background-color: #000;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.image-17 {
  width: 20px;
  height: 20px;
}

.link-block-3 {
  width: 250px;
  height: 40px;
  background-color: #111;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  text-decoration: none;
  transition: background-color .325s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.link-block-3:hover {
  background-color: rgba(17, 17, 17, .75);
}

.div-block-101 {
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.text-block-21 {
  color: #fff;
  margin-left: 10px;
  font-family: Inconsolata, monospace;
}

.section-6 {
  width: 100%;
  height: auto;
  flex-direction: column;
  align-items: center;
  padding-bottom: 60px;
  display: flex;
}

.div-block-102 {
  width: 100%;
  height: 600px;
  filter: grayscale();
  background-image: url('../images/FotoEquipo.jpg');
  background-position: 50%;
  background-size: cover;
}

.text-block-22 {
  margin-top: 60px;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-weight: 700;
}

.paragraph-3 {
  width: 70%;
  text-align: justify;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
}

.div-block-103 {
  width: 70%;
  height: 250px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.div-block-104 {
  width: 23%;
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
}

.div-block-104.dise-ador1 {
  width: 49%;
  background-image: url('../images/Fer.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.div-block-104.dise-ador-2 {
  width: 49%;
  background-image: url('../images/Julio.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-104.dise-ador3 {
  width: 49%;
  background-image: url('../images/Ivan.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-104.dise-ador4 {
  width: 49%;
  background-image: url('../images/JonathanMendoza.JPG');
  background-position: 50%;
  background-size: cover;
  margin-right: 0;
}

.div-block-104.dise-ador5 {
  width: 49%;
  background-image: url('../images/JM.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-105 {
  width: 50%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-106 {
  width: 50%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-107 {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-23 {
  color: #fff;
  text-align: center;
  font-family: Inconsolata, monospace;
  font-size: 16px;
}

.text-block-24, .text-block-25 {
  color: #fff;
  text-align: center;
  font-family: Inconsolata, monospace;
  font-size: 12px;
}

.div-block-108 {
  width: 100%;
  height: 40px;
  background-color: rgba(0, 0, 0, .74);
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-26 {
  color: #fff;
  font-family: Inconsolata, monospace;
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block {
    width: 90%;
    flex-direction: column;
    justify-content: center;
    margin-top: 140px;
  }

  .div-block.pat2 {
    margin-top: 100px;
  }

  .paragraph {
    width: 100%;
  }

  .div-block-2 {
    width: 90%;
  }

  .div-block-3 {
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-left: 0;
  }

  .portafolio-web {
    display: none;
  }

  .text-block-3 {
    font-size: 14px;
    font-weight: 300;
  }

  .text-block-4 {
    font-size: 9px;
  }

  .portafolio-tablet {
    width: 100%;
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 60px;
    display: flex;
  }

  .div-block-17 {
    width: 95%;
    height: 500px;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 40px;
    display: flex;
  }

  .div-block-18 {
    width: 48%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .div-block-18.torreslivettablet, .div-block-18.piedrasaltastablet {
    text-decoration: none;
  }

  .div-block-23 {
    height: 500px;
  }

  .div-block-29.ho18 {
    margin-top: 10px;
  }

  .div-block-30 {
    height: 400px;
  }

  .div-block-32.pa-12 {
    background-image: url('../images/PA29.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .div-block-34.og6, .div-block-34.lc6, .div-block-34.at6 {
    height: 1000px;
  }

  .div-block-34.fv6, .div-block-34.fv15, .div-block-34.fv23 {
    height: 800px;
  }

  .div-block-34.tn6 {
    height: 1000px;
  }

  .div-block-34.tn15 {
    height: 800px;
  }

  .div-block-34.lq6, .div-block-34.lq15, .div-block-34.lq23, .div-block-34.x6 {
    height: 1000px;
  }

  .div-block-34.ho6, .div-block-34.ho15, .div-block-34.fis6, .div-block-34.fis15 {
    height: 800px;
  }

  .div-block-37 {
    height: 600px;
  }

  .div-block-38.xl8, .div-block-38.og8 {
    width: 100%;
  }

  .div-block-38.lc8 {
    width: 100%;
    height: 100%;
  }

  .div-block-38.at8 {
    width: 100%;
  }

  .div-block-38.fv8, .div-block-38.fv19, .div-block-38.tn8 {
    width: 100%;
    height: 100%;
  }

  .div-block-38.tn19, .div-block-38.lq8, .div-block-38.lq19, .div-block-38.x8, .div-block-38.ho8, .div-block-38.ho19 {
    height: 100%;
  }

  .div-block-38.fis8 {
    width: 100%;
    height: 100%;
  }

  .text-block-9 {
    margin-top: 100px;
  }

  .div-block-43.im1, .div-block-43.im2 {
    width: 100%;
    margin-right: 0;
  }

  .div-block-44 {
    height: 800px;
    margin-top: 100px;
  }

  .div-block-46 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .link-5 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .text-block-11 {
    font-size: 16px;
    line-height: 16px;
  }

  .portafolio-header.mobile, .columnas-desktop {
    display: none;
  }

  .columnas-tablet {
    width: 100%;
    height: auto;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 0;
    display: flex;
  }

  .div-block-81 {
    width: 50%;
    height: auto;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 10px;
    display: flex;
  }

  .div-block-82 {
    width: 50%;
    height: auto;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 20px;
    display: flex;
  }

  .div-block-83 {
    width: 100%;
    height: 300px;
    background-image: url('../images/TL1.jpg');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    text-decoration: none;
    display: flex;
  }

  .div-block-84 {
    width: 100%;
    height: 350px;
    background-image: url('../images/PA25.jpeg');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    text-decoration: none;
    display: flex;
  }

  .div-block-85 {
    width: 100%;
    height: 400px;
    background-image: url('../images/X3.jpg');
    background-position: 0%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    margin-top: 20px;
    text-decoration: none;
    display: flex;
  }

  .div-block-86 {
    width: 100%;
    height: 500px;
    background-image: url('../images/XL11.jpg');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    margin-top: 20px;
    text-decoration: none;
    display: flex;
  }

  .div-block-87 {
    width: 100%;
    height: 400px;
    background-image: url('../images/ZU13.jpg');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    margin-top: 20px;
    text-decoration: none;
    display: flex;
  }

  .div-block-88 {
    width: 100%;
    height: 300px;
    background-image: url('../images/O2.jpg');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    margin-top: 20px;
    text-decoration: none;
    display: flex;
  }

  .div-block-89 {
    width: 100%;
    height: 350px;
    background-image: url('../images/CasaJM.jpg');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    margin-top: 20px;
    text-decoration: none;
    display: flex;
  }

  .div-block-90 {
    width: 100%;
    height: 350px;
    background-image: url('../images/LC6.jpg');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    margin-top: 20px;
    text-decoration: none;
    display: flex;
  }

  .div-block-91 {
    width: 100%;
    height: 300px;
    background-image: url('../images/AT14.jpg');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    margin-top: 20px;
    text-decoration: none;
    display: flex;
  }

  .div-block-92 {
    width: 100%;
    height: 350px;
    background-image: url('../images/FV4.jpg');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    margin-top: 20px;
    text-decoration: none;
    display: flex;
  }

  .div-block-93 {
    width: 100%;
    height: 500px;
    background-image: url('../images/FIS3.jpg');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    margin-top: 20px;
    text-decoration: none;
    display: flex;
  }

  .div-block-94 {
    width: 100%;
    height: 350px;
    background-image: url('../images/TN6.jpg');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    margin-top: 20px;
    text-decoration: none;
    display: flex;
  }

  .div-block-95 {
    width: 100%;
    height: 300px;
    background-image: url('../images/LQ1.jpg');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    margin-top: 20px;
    text-decoration: none;
    display: flex;
  }

  .div-block-96 {
    width: 100%;
    height: 400px;
    background-image: url('../images/HO4.jpg');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    text-decoration: none;
    display: flex;
  }

  .div-block-97 {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 20px;
    padding-right: 0;
    display: flex;
  }

  .text-block-15 {
    color: #fff;
    letter-spacing: 2px;
    font-family: Inconsolata, monospace;
    font-size: 14px;
    font-weight: 700;
  }

  .text-block-16 {
    color: #fff;
    font-family: Inconsolata, monospace;
    font-size: 12px;
  }

  .section-4 {
    height: 550px;
  }

  .section-5 {
    height: auto;
  }

  .paragraph-3 {
    width: 80%;
  }

  .div-block-103 {
    width: 80%;
    height: auto;
    flex-direction: column;
  }

  .div-block-104.dise-ador-2 {
    margin-right: 0;
  }

  .div-block-104.dise-ador3 {
    margin-left: 0;
  }

  .div-block-105 {
    width: 100%;
    height: 250px;
  }

  .div-block-106 {
    width: 100%;
    height: 250px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .menu-desktop {
    display: none;
  }

  .section {
    margin-top: 53px;
  }

  .div-block {
    flex-direction: column;
    align-items: center;
    margin-top: 100px;
  }

  .div-block.pat2 {
    margin-top: 100px;
  }

  .text-block {
    font-size: 15px;
  }

  .paragraph {
    width: 100%;
    font-size: 10px;
  }

  .text-block-2 {
    font-size: 15px;
  }

  .div-block-2 {
    height: 500px;
    margin-top: 10px;
  }

  .div-block-3 {
    width: 100%;
  }

  .div-block-4 {
    width: 100%;
    margin-top: 20px;
  }

  .text-block-3 {
    font-size: 16px;
  }

  .text-block-4 {
    font-size: 10px;
  }

  .menu-mobile {
    z-index: 5;
    width: 100%;
    height: 90px;
    background-color: #fff;
    justify-content: space-around;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .div-block-12 {
    width: 40%;
    height: 50px;
  }

  .div-block-13 {
    width: 40%;
    height: 70%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .image-3 {
    width: 100%;
    height: 100%;
  }

  .div-block-14 {
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .image-4 {
    width: 100%;
    height: auto;
  }

  .menu-grap {
    z-index: 4;
    width: 100%;
    height: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #fff;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    padding-top: 250px;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .link-2 {
    color: #000;
    letter-spacing: 1px;
    font-family: Tt tsars a trial, sans-serif;
    font-weight: 300;
    text-decoration: none;
  }

  .link-3, .link-4 {
    color: #000;
    letter-spacing: 1px;
    margin-top: 40px;
    font-family: Tt tsars a trial, sans-serif;
    font-weight: 300;
    text-decoration: none;
  }

  .portafoliomobile {
    width: 100%;
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 60px;
    padding-right: 0;
    display: flex;
  }

  .div-block-15 {
    width: 80%;
    height: 500px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
    display: flex;
  }

  .div-block-15.portafoliomobile {
    padding-bottom: 20px;
    text-decoration: none;
  }

  .div-block-16 {
    width: 100%;
    height: 85%;
    background-image: url('../images/torres.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .div-block-16.piedrasaltasmobile {
    background-image: url('../images/PA4.jpg');
  }

  .div-block-16.xathemobile {
    background-image: url('../images/X1.jpg');
  }

  .div-block-16.xatheluxurymobile {
    background-image: url('../images/PORTADA.jpg');
  }

  .div-block-16.zonaunomobile {
    background-image: url('../images/ZU1.jpg');
  }

  .div-block-16.omeemobile {
    background-image: url('../images/Glamping.png');
  }

  .div-block-16.nativamobile {
    background-image: url('../images/N1.jpg');
  }

  .div-block-16.laca-adamobile {
    background-image: url('../images/LC3.jpg');
  }

  .div-block-16.altaterramobile {
    background-image: url('../images/AT13.jpg');
  }

  .div-block-16.forestavalleymobile {
    background-image: url('../images/FV4.jpg');
  }

  .div-block-16.fismobile {
    background-image: url('../images/ForestaInternational.jpeg');
  }

  .div-block-16.torrenovarmobile {
    background-image: url('../images/TN5.jpg');
  }

  .div-block-16.livetqueretaromobile {
    background-image: url('../images/LQ2.jpg');
  }

  .div-block-16.hakolalmobile {
    background-image: url('../images/HO4.jpg');
  }

  .portafolio-tablet {
    display: none;
  }

  .div-block-19 {
    width: 90%;
    height: 1px;
    background-color: #000;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-20 {
    width: auto;
    height: 300px;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 100px;
  }

  .div-block-21 {
    width: auto;
    height: auto;
  }

  .text-block-7 {
    font-size: 10px;
  }

  .div-block-23 {
    height: 450px;
  }

  .div-block-24, .div-block-25.pa-1, .div-block-25.xl1, .div-block-25.og1 {
    width: 100%;
  }

  .div-block-25.n1 {
    width: 100%;
    background-image: url('../images/LivetResidence.jpg');
  }

  .div-block-25.lc1 {
    width: 100%;
    background-image: url('../images/LC1.jpg');
  }

  .div-block-25.at1, .div-block-25.fv1, .div-block-25.tn1, .div-block-25.lq1, .div-block-25.x1, .div-block-25.ho1, .div-block-25.fis1 {
    width: 100%;
  }

  .div-block-26 {
    width: 8px;
  }

  .div-block-27.tl-2, .div-block-27.pa-2, .div-block-27.xl2, .div-block-27.zu2, .div-block-27.og2, .div-block-27.n2, .div-block-27.lc2, .div-block-27.at2, .div-block-27.fv2, .div-block-27.tn2, .div-block-27.lq2, .div-block-27.x2, .div-block-27.ho2, .div-block-27.fis2 {
    display: none;
  }

  .text-block-8 {
    font-size: 17px;
  }

  .paragraph-2 {
    font-size: 12px;
  }

  .div-block-29.tl-3 {
    height: 400px;
    margin-top: 40px;
  }

  .div-block-29.og3, .div-block-29.lc3, .div-block-29.at3, .div-block-29.fv3, .div-block-29.tn3 {
    height: 400px;
  }

  .div-block-29.lq18 {
    margin-top: 10px;
  }

  .div-block-29.ho3 {
    height: 400px;
  }

  .div-block-29.fis3 {
    height: 500px;
  }

  .div-block-30 {
    height: 300px;
  }

  .div-block-32.lc4, .div-block-32.lc9, .div-block-32.lc12, .div-block-32.lc15 {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%;
    background-size: cover;
  }

  .div-block-34.tl-6, .div-block-34.tl-18, .div-block-34.pa-6, .div-block-34.xl6, .div-block-34.zu6 {
    height: 800px;
  }

  .div-block-34.zu18 {
    display: none;
  }

  .div-block-34.og6 {
    height: 600px;
  }

  .div-block-34.n6, .div-block-34.lc6 {
    height: 800px;
  }

  .div-block-34.at6 {
    height: 700px;
  }

  .div-block-34.fv6, .div-block-34.fv15, .div-block-34.fv23, .div-block-34.tn6 {
    height: 600px;
  }

  .div-block-34.lq6, .div-block-34.lq15, .div-block-34.lq23, .div-block-34.x6 {
    height: 700px;
  }

  .div-block-34.ho6, .div-block-34.ho15, .div-block-34.fis6, .div-block-34.fis15 {
    height: 600px;
  }

  .div-block-36.tl-7 {
    height: 300px;
  }

  .div-block-36.fv7 {
    height: 400px;
  }

  .div-block-37 {
    height: 500px;
  }

  .div-block-38.tl-8 {
    height: 100%;
  }

  .div-block-38.zu8 {
    width: 100%;
    height: 100%;
  }

  .div-block-38.og8 {
    height: 100%;
  }

  .div-block-38.n8 {
    width: 100%;
    height: 100%;
  }

  .div-block-38.at8 {
    height: 100%;
  }

  .div-block-38.tn8, .div-block-38.tn19, .div-block-38.lq8, .div-block-38.lq19, .div-block-38.x8, .div-block-38.ho8, .div-block-38.ho19 {
    width: 100%;
  }

  .div-block-39.tl-11, .div-block-40.tl-14, .div-block-40.tl-19 {
    height: 300px;
  }

  .div-block-41 {
    height: 500px;
    display: none;
  }

  .div-block-42.zu15 {
    width: 100%;
  }

  .text-block-9 {
    margin-top: 100px;
    font-size: 40px;
  }

  .div-block-43.im1, .div-block-43.im2 {
    height: 300px;
  }

  .div-block-44 {
    height: 700px;
    margin-top: 100px;
  }

  .background-video-desktop, .div-block-46 {
    display: none;
  }

  .div-block-50.versionmoile {
    width: 70%;
  }

  .div-block-51 {
    height: auto;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-52 {
    margin-bottom: 10px;
  }

  .div-block-56 {
    margin-top: 10px;
    transition: background-color .325s cubic-bezier(.455, .03, .515, .955);
  }

  .div-block-56:hover {
    background-color: rgba(0, 0, 0, .6);
  }

  .div-block-56.boton-port {
    width: 170px;
  }

  .div-block-57 {
    width: 14px;
    height: 14px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-block-12 {
    font-size: 12px;
  }

  .background-video-mobile {
    width: 100%;
    height: 100vh;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .menu {
    width: 100%;
    height: 70px;
    background-color: rgba(0, 0, 0, .6);
    justify-content: space-between;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .menu.menugeneralmobile {
    z-index: 3;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .link-block {
    width: 230px;
    height: auto;
  }

  .image-9 {
    width: 100%;
    height: auto;
  }

  .div-block-59 {
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .lottie-animation {
    width: 100%;
    height: 100%;
  }

  .menu-grap-mobile {
    z-index: 5;
    width: 50%;
    background-color: #000;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .link-6 {
    color: #fff;
    letter-spacing: 2px;
    font-family: Inconsolata, monospace;
    font-size: 16px;
    text-decoration: none;
  }

  .link-7 {
    color: #fff;
    letter-spacing: 2px;
    margin-top: 40px;
    font-family: Inconsolata, monospace;
    font-size: 15px;
    text-decoration: none;
  }

  .link-8 {
    color: #fff;
    letter-spacing: 2px;
    margin-top: 40px;
    font-family: Inconsolata, monospace;
    font-size: 16px;
    text-decoration: none;
  }

  .link-block-2 {
    width: 20px;
    height: 20px;
    margin-top: 40px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .image-10 {
    width: 20px;
    height: 20px;
  }

  .div-block-60 {
    width: 20px;
    height: 20px;
    margin-top: 40px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .image-11 {
    width: 20px;
    height: 20px;
  }

  .div-block-61 {
    width: 20px;
    height: 20px;
    margin-top: 40px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .image-12 {
    width: 20px;
    height: 20px;
  }

  .portafolio-header {
    height: 800px;
  }

  .portafolio-header.mobile {
    height: 700px;
    display: flex;
  }

  .portafolio-header.desktop, .menu-desk {
    display: none;
  }

  .div-block-77 {
    justify-content: center;
    padding-left: 0;
  }

  .div-block-78, .image-13, .div-block-79, .div-block-80 {
    width: 15px;
    height: 15px;
  }

  .columnas-tablet {
    display: none;
  }

  .columna-mobile {
    width: 100%;
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px 20px;
    display: flex;
  }

  .project-mobile {
    width: 100%;
    height: 300px;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    padding-bottom: 0;
    padding-right: 0;
    text-decoration: none;
    display: flex;
  }

  .project-mobile.p1 {
    padding-bottom: 0;
    padding-right: 0;
  }

  .project-mobile.pr1 {
    background-image: url('../images/TL1.jpg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
  }

  .project-mobile.pr2 {
    background-image: url('../images/PA25.jpeg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
  }

  .project-mobile.pr3 {
    background-image: url('../images/X3.jpg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
  }

  .project-mobile.pr4 {
    background-image: url('../images/XL2.jpg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
  }

  .project-mobile.pr5 {
    background-image: url('../images/ZU13.jpg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
  }

  .project-mobile.pr6 {
    background-image: url('../images/O2.jpg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
  }

  .project-mobile.pr7 {
    background-image: url('../images/CasaJM.jpg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
  }

  .project-mobile.pr8 {
    background-image: url('../images/LC6.jpg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
  }

  .project-mobile.pr9 {
    background-image: url('../images/AT14.jpg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
  }

  .project-mobile.pr10 {
    background-image: url('../images/FV4.jpg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
  }

  .project-mobile.pr11 {
    background-image: url('../images/FIS3.jpg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
  }

  .project-mobile.pr12 {
    background-image: url('../images/TN6.jpg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
  }

  .project-mobile.pr13 {
    background-image: url('../images/LQ1.jpg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
  }

  .project-mobile.pr14 {
    background-image: url('../images/HO4.jpg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
  }

  .div-block-98 {
    width: 100%;
    height: 60px;
    background-color: rgba(0, 0, 0, .6);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .text-block-17 {
    color: #fff;
    letter-spacing: 2px;
    font-family: Inconsolata, monospace;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
  }

  .text-block-18 {
    color: #fff;
    font-family: Inconsolata, monospace;
    font-size: 12px;
    text-decoration: none;
  }

  .background-video-2 {
    height: 100%;
  }

  .section-4 {
    height: 300px;
  }

  .section-5 {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .text-block-20, .div-block-99, .link-block-3 {
    margin-top: 40px;
  }

  .section-6 {
    height: auto;
  }

  .div-block-102 {
    height: 350px;
  }

  .text-block-22 {
    font-size: 14px;
  }

  .paragraph-3 {
    width: 90%;
    font-size: 12px;
  }

  .div-block-103 {
    width: 90%;
  }
}

@media screen and (max-width: 479px) {
  .text-block {
    font-size: 15px;
  }

  .paragraph {
    font-size: 10px;
  }

  .text-block-2 {
    font-size: 15px;
  }

  .div-block-2 {
    height: 350px;
  }

  .text-block-3 {
    margin-top: 10px;
  }

  .text-block-4 {
    font-size: 9px;
  }

  .div-block-14 {
    width: 20px;
    height: 20px;
  }

  .menu-grap {
    margin-top: 0;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .div-block-15 {
    width: 85%;
    height: 400px;
  }

  .div-block-15.portafoliomobile {
    width: 90%;
    padding-bottom: 0;
  }

  .div-block-16.piedrasaltasmobile {
    height: 90%;
  }

  .div-block-20 {
    height: 200px;
    margin-top: 100px;
  }

  .div-block-22.instagram, .div-block-22.facebook, .div-block-22.vimeo {
    width: 15px;
    height: 15px;
  }

  .div-block-23 {
    height: 300px;
    margin-top: 20px;
  }

  .div-block-24 {
    width: 100%;
  }

  .div-block-26 {
    margin-bottom: 5px;
  }

  .div-block-27.tl-2, .div-block-27.zu2 {
    display: none;
  }

  .div-block-28 {
    margin-top: 40px;
  }

  .paragraph-2 {
    font-size: 12px;
  }

  .div-block-29.tl-3, .div-block-29.zu3, .div-block-29.n3 {
    height: 300px;
  }

  .div-block-29.tn22 {
    height: 500px;
  }

  .div-block-29.lq3 {
    height: 400px;
  }

  .div-block-29.lq18 {
    height: 500px;
  }

  .div-block-29.x3 {
    height: 300px;
  }

  .div-block-29.fis3 {
    height: 400px;
  }

  .div-block-30 {
    width: 90%;
    height: auto;
    flex-direction: column;
  }

  .div-block-32.tl-4, .div-block-32.tl-9, .div-block-32.tl-12, .div-block-32.tl-16, .div-block-32.pa-4, .div-block-32.pa-9, .div-block-32.pa-12, .div-block-32.pa-16, .div-block-32.xl4, .div-block-32.xl9, .div-block-32.xl12, .div-block-32.xl15, .div-block-32.zu4, .div-block-32.zu9, .div-block-32.zu12, .div-block-32.og4, .div-block-32.og9, .div-block-32.n4, .div-block-32.n9, .div-block-32.n12, .div-block-32.n15 {
    width: 100%;
    height: 300px;
    margin-right: 0;
  }

  .div-block-32.lc4 {
    width: 100%;
    height: 300px;
    background-image: url('../images/LC4.jpg');
    margin-right: 0;
  }

  .div-block-32.lc9 {
    width: 100%;
    height: 300px;
    background-image: url('../images/LC9.jpg');
    margin-right: 0;
  }

  .div-block-32.lc12 {
    width: 100%;
    height: 300px;
    background-image: url('../images/LC12.jpg');
    margin-right: 0;
  }

  .div-block-32.at4, .div-block-32.at9 {
    width: 100%;
    height: 300px;
    margin-right: 0;
  }

  .div-block-32.at12 {
    width: 100%;
    height: 300px;
  }

  .div-block-32.fv9, .div-block-32.fv12, .div-block-32.fv16, .div-block-32.fv20, .div-block-32.fv24, .div-block-32.fv26, .div-block-32.tn4, .div-block-32.tn9, .div-block-32.tn12, .div-block-32.tn16, .div-block-32.tn20, .div-block-32.lq4, .div-block-32.lq9, .div-block-32.lq12, .div-block-32.lq16, .div-block-32.lq20, .div-block-32.lq24, .div-block-32.x4 {
    width: 100%;
    height: 300px;
    margin-right: 0;
  }

  .div-block-32.x9 {
    width: 100%;
    height: 300px;
    margin-top: 0;
    margin-right: 0;
  }

  .div-block-32.x12, .div-block-32.ho4, .div-block-32.ho9, .div-block-32.ho12, .div-block-32.ho16, .div-block-32.ho20 {
    width: 100%;
    height: 300px;
    margin-right: 0;
  }

  .div-block-32.fis4, .div-block-32.fis9, .div-block-32.fis12, .div-block-32.fis16 {
    width: 100%;
    height: 300px;
  }

  .div-block-33.tl-5, .div-block-33.tl-10, .div-block-33.tl-13, .div-block-33.tl-17, .div-block-33.pa-5, .div-block-33.pa-10, .div-block-33.pa-13, .div-block-33.pa-17, .div-block-33.xl5, .div-block-33.xl10, .div-block-33.xl13, .div-block-33.xl16, .div-block-33.zu5, .div-block-33.zu10, .div-block-33.zu13, .div-block-33.og5, .div-block-33.og10, .div-block-33.n5, .div-block-33.n10, .div-block-33.n13, .div-block-33.n16, .div-block-33.lc5, .div-block-33.lc10, .div-block-33.lc13, .div-block-33.at5, .div-block-33.at10, .div-block-33.at13, .div-block-33.fv10, .div-block-33.fv13, .div-block-33.fv17, .div-block-33.fv21, .div-block-33.fv25, .div-block-33.fv27, .div-block-33.tn5, .div-block-33.tn10, .div-block-33.tn13, .div-block-33.tn17, .div-block-33.tn21, .div-block-33.lq5, .div-block-33.lq10, .div-block-33.lq13, .div-block-33.lq17, .div-block-33.lq21, .div-block-33.lq25, .div-block-33.x5, .div-block-33.x10, .div-block-33.x13, .div-block-33.ho5, .div-block-33.ho10, .div-block-33.ho13, .div-block-33.ho17, .div-block-33.ho21, .div-block-33.fis5, .div-block-33.fis10, .div-block-33.fis13, .div-block-33.fis17 {
    width: 100%;
    height: 300px;
    margin-top: 10px;
    margin-left: 0;
  }

  .div-block-34.tl-6, .div-block-34.tl-18, .div-block-34.pa-6, .div-block-34.xl6, .div-block-34.zu6 {
    height: 600px;
  }

  .div-block-34.n6 {
    height: 500px;
  }

  .div-block-34.lc6, .div-block-34.at6, .div-block-34.tn15, .div-block-34.lq6 {
    height: 600px;
  }

  .div-block-34.lq15, .div-block-34.x6, .div-block-34.ho6 {
    height: 500px;
  }

  .div-block-34.fis6 {
    height: 400px;
  }

  .div-block-36.zu7, .div-block-36.n7 {
    height: 300px;
  }

  .div-block-36.lc7, .div-block-36.at7, .div-block-36.lq7 {
    height: 400px;
  }

  .div-block-36.ho7, .div-block-36.ho14 {
    height: 300px;
  }

  .div-block-36.fis7, .div-block-37 {
    height: 400px;
  }

  .div-block-38.tl-8 {
    width: 100%;
  }

  .div-block-38.pa-8, .div-block-38.xl8 {
    width: 100%;
    height: 100%;
  }

  .div-block-39.zu11, .div-block-39.lq11 {
    height: 400px;
  }

  .div-block-39.ho11 {
    height: 300px;
  }

  .div-block-40.zu14 {
    height: 400px;
  }

  .div-block-40.zi19 {
    height: 300px;
  }

  .div-block-40.lc14 {
    height: 400px;
  }

  .div-block-42.tl-15 {
    width: 100%;
  }

  .text-block-9 {
    margin-top: 60px;
    font-size: 30px;
    line-height: 40px;
  }

  .div-block-43.im1, .div-block-43.im2 {
    height: 250px;
  }

  .div-block-44 {
    height: 500px;
    margin-top: 60px;
  }

  .background-video-desktop {
    height: 1920px;
  }

  .div-block-50.versionmoile {
    width: 90%;
    height: 20px;
    margin-top: 60px;
  }

  .text-block-11 {
    font-size: 14px;
  }

  .div-block-51.vermob {
    margin-bottom: 100px;
  }

  .div-block-52 {
    height: 18px;
  }

  .div-block-53, .div-block-54, .div-block-55 {
    width: 18px;
    height: 100%;
  }

  .div-block-57 {
    width: 15px;
    height: 15px;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .image-8 {
    width: 15px;
    height: 15px;
  }

  .text-block-12 {
    font-size: 12px;
  }

  .background-video-mobile {
    height: 100vh;
  }

  .menu {
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-block {
    width: 200px;
  }

  .div-block-59 {
    width: 35px;
    height: 35px;
  }

  .menu-grap-mobile {
    display: flex;
  }

  .link-6.w--current, .link-7, .link-8 {
    font-size: 14px;
  }

  .link-block-2 {
    width: 15px;
  }

  .image-10, .div-block-60, .image-11, .div-block-61, .image-12 {
    width: 15px;
    height: 15px;
  }

  .portafolio-header {
    height: 700px;
  }

  .portafolio-header.mobile {
    height: 650px;
  }

  .project-mobile.pr1, .project-mobile.pr2, .project-mobile.pr3, .project-mobile.pr4, .project-mobile.pr5, .project-mobile.pr6, .project-mobile.pr7, .project-mobile.pr8, .project-mobile.pr9, .project-mobile.pr10, .project-mobile.pr11, .project-mobile.pr12, .project-mobile.pr13, .project-mobile.pr14 {
    height: 280px;
  }

  .section-4 {
    height: 250px;
  }

  .section-5 {
    padding-top: 20px;
  }

  .text-block-20 {
    margin-top: 40px;
  }

  .div-block-102 {
    height: 300px;
  }

  .div-block-103 {
    margin-top: 20px;
  }

  .div-block-104.dise-ador1 {
    width: 250px;
    height: 250px;
    margin-right: 0;
  }

  .div-block-104.dise-ador-2 {
    width: 250px;
    height: 250px;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-104.dise-ador3 {
    width: 250px;
    height: 250px;
    margin-right: 0;
  }

  .div-block-104.dise-ador4 {
    width: 250px;
    height: 250px;
    margin-top: 20px;
    margin-left: 0;
  }

  .div-block-104.dise-ador5 {
    width: 250px;
    height: 250px;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-105, .div-block-106 {
    height: auto;
    flex-direction: column;
    justify-content: center;
  }
}


@font-face {
  font-family: 'Tt tsars a trial';
  src: url('../fonts/TT-Tsars-A-Trial-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt tsars a trial';
  src: url('../fonts/TT-Tsars-A-Trial-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}