.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

a {
  color: #59135b;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 29.3px;
}

.section {
  padding-right: 0;
}

.section.hero {
  min-height: 100vh;
  background-image: url('../images/Frame88-min.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.section.hero.landscape {
  max-height: 100vh;
  background-image: url('../images/Frame-20.svg');
  background-position: 50%;
  background-size: cover;
}

.flex-div {
  color: #59135b;
  justify-content: space-between;
  margin-top: 33vh;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.flex-div.flexdiv-tablet.landscape.mobile {
  max-width: 50vw;
  margin-top: 25vh;
  padding-left: 60px;
  display: block;
}

.container-flex {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.navbar {
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.image {
  max-width: 45%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.image.img-tablet.landscape.mobile {
  max-width: 40%;
  margin-right: 5%;
}

.image.img-tablet.landscape.mobile.imgttablet.imagemobile {
  max-width: 30%;
  min-width: 30%;
  display: none;
}

.containernav {
  min-width: 100vw;
  margin-left: 0;
  margin-right: 0;
  padding-left: 130px;
  padding-right: 130px;
  display: block;
}

.containernav.landsccape.navbarcontainer {
  max-width: 100vw;
  min-width: auto;
}

.div-block {
  margin-right: 0;
}

.image-2 {
  padding-top: 10px;
}

.heading {
  font-family: Nunito, sans-serif;
  font-size: 50px;
}

.heading.heading-tablet.landscape.mobile {
  font-size: 45px;
}

.text-block {
  letter-spacing: 1.44px;
  font-family: Quicksand, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 49px;
}

.text-block.landscape.mobile {
  font-size: 30px;
}

.text-block.landscape.mobile.textopeque-as {
  display: none;
}

.div-block-2 {
  max-width: 74vw;
}

.div-block-3, .div-block-4, .div-block-5, .div-block-6, .div-block-7 {
  display: flex;
}

.div-block-8 {
  align-items: flex-end;
  display: flex;
}

.image-3 {
  position: relative;
  bottom: 6px;
  left: -62%;
}

.button {
  color: #59135b;
  background-color: #84e7fe;
  border-radius: 6px;
  margin-top: 40px;
  padding: 10px;
  font-family: Nunito, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.button.cvbtn {
  max-width: 270px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.button.cvbtn.mobile {
  padding-left: 20px;
  padding-right: 20px;
}

.navlink {
  color: #59135b;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.navcontact {
  color: #59135b;
  background-color: rgba(159, 161, 173, .5);
  border-radius: 6px;
  margin-top: 10px;
  padding: 10px;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.navcontact.dropdown {
  margin-left: 5px;
}

.h2 {
  color: #59135b;
  margin-top: 25vh;
  font-family: Nunito, sans-serif;
}

.divcontainer {
  padding-left: 130px;
  padding-right: 130px;
}

.divcontainer.landscape.mobile.webprojects {
  padding-bottom: 80px;
}

.text-block-2 {
  color: #59135b;
  margin-top: 20px;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.cards {
  margin-top: 10vh;
  padding-left: 130px;
  padding-right: 130px;
}

.cards.tablet.landscape {
  margin-top: 12vh;
  padding-right: 130px;
}

.card-container {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.card-container.mt {
  margin-top: 160px;
}

.heading-2 {
  color: #59135b;
  font-family: Quicksand, sans-serif;
  font-size: 38px;
  font-weight: 700;
}

.heading-2.heading2tablet.mobile {
  font-style: normal;
  text-decoration: none;
}

.paragraph {
  max-width: 30vw;
  color: #59135b;
  letter-spacing: .6px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 29.3px;
}

.paragraph.website {
  max-width: none;
}

.paragraph.website.landscape {
  font-size: 20px;
}

.image-4 {
  z-index: 200;
  position: relative;
  left: 50vw;
}

.irbiincard {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.irbiincard.tabletirb.web1 {
  left: -7%;
}

.div-block-9 {
  margin-right: 0%;
  position: relative;
}

.image-6 {
  position: absolute;
  top: auto;
  bottom: 0%;
  right: 0%;
}

.image-6.cellinktablet.landscape.mobile.web4 {
  top: -55px;
  bottom: 0%;
  left: auto;
  right: 0%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .4);
}

.image-6.mobile.web2 {
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  box-shadow: 0 0 10px rgba(0, 0, 0, .73);
}

.image-7 {
  max-width: 90%;
  border-radius: 0;
  margin-left: 0%;
}

.linkcardp {
  position: absolute;
  top: 10%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.linkcardp.linkedintexttablet.landscape.mobile.web3 {
  top: -20%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.image-8 {
  position: absolute;
  top: auto;
  bottom: 0%;
  right: -13%;
}

.image-9 {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.image-10 {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.image-11 {
  position: absolute;
  top: 50px;
  bottom: 0%;
  left: 15%;
  right: 0%;
}

.linkbg {
  max-width: 90%;
}

.pink2 {
  margin-left: 4%;
}

.image-12 {
  max-width: 90%;
  margin-left: 15%;
}

.image-13 {
  position: absolute;
  top: 10%;
  bottom: auto;
  left: 20%;
  right: auto;
}

.divlinkedin {
  margin-right: 0%;
}

.div-block-11 {
  margin-left: 40px;
}

.contact-footer {
  min-height: 76vh;
  background-image: url('../images/Footer.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 35vh;
  margin-left: 0;
  margin-right: 0;
}

.contact-footer.mobile {
  height: 75vh;
  max-height: 76px;
  min-height: 75vh;
  background-size: contain;
  margin-top: 44vh;
}

.heading-3 {
  color: #59135b;
  text-align: center;
  margin-left: 130px;
  margin-right: 130px;
  font-family: Nunito, sans-serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 51px;
}

.heading-3.footer {
  margin-top: 20vh;
  position: absolute;
  top: -9vh;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.heading-3.footer.foot2 {
  font-size: 22px;
  top: 4vh;
}

.heading-3.footer.foot2.tablet.mobile {
  margin-top: 0;
  padding-top: 20px;
}

.heading-3.footer.redes {
  display: block;
  top: 12vh;
}

.heading-3.footer.redes.mobile {
  margin-top: 22vh;
}

.heading-3.footer.redes.mobile.landscape {
  margin-top: 40px;
  position: static;
}

.heading-3.footer.tablet.mobile {
  margin-top: 40px;
  padding-top: 0;
  position: static;
}

.footer-text {
  margin-top: 0;
  position: relative;
}

.footer-text.landscape {
  flex-direction: column;
  align-items: center;
  margin-top: 22vh;
  display: flex;
}

.body {
  clear: both;
}

.div-block-12 {
  margin-top: 60px;
}

.div-block-12.copy {
  justify-content: center;
  display: flex;
}

.text-block-3 {
  justify-content: flex-start;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  display: flex;
}

.image-14 {
  margin-right: 10px;
  padding-right: 0;
}

.hero-case {
  max-width: none;
  min-width: 0;
  margin-top: 15vw;
  padding-left: 130px;
  padding-right: 130px;
}

.hero-case.tablet {
  display: flex;
}

.hero-case.tablet.landscapelink {
  padding-right: 130px;
}

.hero-case.tablet.irbinlandscape {
  background-image: url('../images/Group-283.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 110%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 14vw;
  padding-right: 130px;
}

.hero-case.tablet.irbinlandscape.web {
  margin-top: 5vw;
}

.div-block-13 {
  min-height: 50vh;
  min-width: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-13.webdiv {
  min-height: 25vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-15 {
  max-width: 50vw;
  margin-top: 20vh;
}

.div-block-14 {
  min-width: 50vw;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  display: flex;
}

.div-block-14.tablet {
  min-width: 0;
}

.div-block-14.about {
  min-width: 30vw;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.heading-4 {
  max-width: 70vw;
  color: #59135b;
  letter-spacing: 1.44px;
  align-items: flex-start;
  font-family: Quicksand, sans-serif;
  font-size: 36px;
  line-height: 49px;
  display: flex;
}

.heading-4.tablet.landscape {
  align-items: flex-start;
  margin-top: -25%;
  margin-left: -10%;
}

.heading-4.tablet.landscape.linktitle {
  width: 40vw;
  justify-content: flex-start;
  margin-top: 60px;
  margin-left: -5%;
}

.heading-4.tablet.landscape.linktitle.tabletlink {
  cursor: auto;
}

.heading-4.tablet.landscape.biokos {
  margin-top: 5%;
}

.heading-4.tablet.landscape.enterpreters {
  min-width: 40%;
  align-items: flex-start;
  margin-top: -9%;
  margin-left: 0%;
}

.heading-4.tablet.landscape.about {
  min-width: 20vw;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 0%;
  margin-left: 15%;
}

.irbin1 {
  max-height: none;
  max-width: 30%;
}

.desarrollo {
  text-align: left;
  margin-top: 15vh;
  padding-left: 240px;
  padding-right: 240px;
}

.desarrollo.tablet.landscape.mobile {
  padding-left: 130px;
  padding-right: 130px;
}

.title-case {
  color: #59135b;
  margin-bottom: 20px;
  font-family: Nunito, sans-serif;
  font-size: 30px;
  font-weight: 500;
}

.title-case.mtp40 {
  margin-top: 80px;
}

.title-case.mtp40.landscape.mobile.linktit {
  margin-top: 20px;
}

.title-case.mtp40.landscape.mobile.smmtp {
  margin-top: 40px;
}

.title-case.mtp40.landscape.mobile.smmtp.extramt {
  margin-top: 80px;
}

.title-case.landscape.mobile {
  font-size: 24px;
}

.title-case.landscape.mobilecase {
  margin-top: 40px;
}

.paragraph-2 {
  color: #59135b;
  letter-spacing: .6px;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 29.3px;
}

.paragraph-2.paragraphcase.designprocess.landcase.mobilecase.garret {
  max-width: 80%;
}

.paragraph-2.paragraphcase.mt {
  margin-top: 20px;
}

.paragraph-2.paragraphcase.mt.landcase.mobilecase {
  font-size: 18px;
}

.paragraph-2.paragraphcase.mt.landcase.mobilecase.ml20 {
  margin-left: 20px;
}

.paragraph-2.paragraphcase.landscapecase.mobilecase {
  font-size: 18px;
}

.paragraph-2.paragraphcase.landscapecase.mobilecase.mt20 {
  padding-top: 20px;
}

.paragraph-2.paragraphcase.landscapecase.mobilecase.mt20.mtp60 {
  padding-top: 60px;
}

.paragraph-2.pain {
  margin-top: 20px;
}

.paragraph-2.pain.landscapecase.mobilecase {
  font-size: 18px;
}

.paragraph-2.pain.landscapecase.mobilecase.list {
  line-height: 34px;
}

.separator {
  margin-top: 40px;
  margin-bottom: 40px;
}

.div-block-15, .div-block-16, .div-block-17, .div-block-18, .div-block-19 {
  display: flex;
}

.div-block-20 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-20.designprocess {
  justify-content: space-around;
}

.div-block-21 {
  text-align: left;
}

.div-block-21.designpc {
  justify-content: space-around;
  display: flex;
}

.h4 {
  color: #59135b;
  font-family: Nunito, sans-serif;
  font-weight: 500;
}

.h4.mtt40 {
  margin-top: 40px;
}

.h4.mtt40.landcsa.mobile.mt40 {
  margin-top: 80px;
  padding-top: 60px;
}

.h4.mtt40.landcsa.mobile.nuevo {
  margin-top: 10px;
}

.h4.mtt40.landcsa.mobile.anothermtp {
  margin-top: 100px;
}

.h4.mtp60 {
  margin-top: 60px;
}

.h4.landscapecase.mobilecase {
  margin-bottom: 0;
}

.h4.landscapecase.mobilecase.mb20 {
  margin-top: 40px;
  padding-bottom: 20px;
}

.h4.landscapecase.mobilecase.mb20.phrases, .h4.landscapecase.mobilecase.mt80 {
  margin-top: 80px;
}

.div-user {
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.div-user.mobile.enterpreusers {
  justify-content: space-between;
  align-items: flex-start;
}

.user-data {
  color: #59135b;
  margin-left: 20px;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 29.3px;
}

.div-block-22 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.date-text {
  margin-top: 80px;
}

.date {
  color: #59135b;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 700;
  line-height: 29.3px;
}

.date.landcase.mobilecase.mx {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 40px;
  font-size: 18px;
}

.userpain {
  margin-top: 80px;
}

.image-16 {
  text-align: center;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-23 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-23.enterpret {
  flex-direction: row;
}

.prototypediv {
  margin-top: 80px;
}

.div-block-24 {
  max-width: 50vw;
  text-align: left;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-24.videoblock {
  margin-top: 60px;
}

.ui-section {
  margin-top: 15vh;
  padding-left: 240px;
  padding-right: 240px;
}

.ui-section.tablet.landscapeui {
  padding-left: 130px;
  padding-right: 130px;
}

.div-block-25 {
  justify-content: center;
  margin-top: 40px;
  display: flex;
}

.image-17, .image-18 {
  width: 50%;
}

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

.styleimg {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.styleimg.tablet {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.interactiondiv {
  margin-top: 220px;
}

.linkprototype {
  justify-content: space-around;
  align-items: center;
  margin-top: 140px;
  display: flex;
}

.linkproto {
  color: #59135b;
  font-family: Nunito, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 37px;
  text-decoration: none;
}

.linkproto.landscape.mobile {
  cursor: pointer;
}

.last-section {
  padding-left: 240px;
  padding-right: 240px;
}

.last-section.tablet.landscape {
  padding-left: 130px;
  padding-right: 130px;
}

.section-2 {
  margin-top: 240px;
}

.section-2.other-projects {
  padding-left: 130px;
  padding-right: 130px;
}

.linkprojects {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.linkprojects.tablet {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-around;
}

.image-19 {
  max-width: 50%;
}

.image-20 {
  max-width: 80%;
}

.section-3 {
  background-image: url('../images/celestebg.svg');
  background-position: 100%;
  background-repeat: repeat;
  background-size: auto;
}

.image-21.tablet {
  z-index: 200;
  display: block;
  position: relative;
}

.image-21.tablet.noveentas {
  display: block;
}

.image-21.tablet.homer {
  margin-top: 15px;
  display: block;
}

.image-21.tablet.cat {
  display: block;
}

.image-21.tablet.choc {
  margin-top: -6px;
  display: block;
}

.tablet {
  cursor: pointer;
  padding-right: 10px;
}

.section-4 {
  background-image: url('../images/yellow.svg');
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: cover;
}

.link {
  padding-top: 10px;
  padding-bottom: 10px;
}

.div-block-28 {
  align-items: flex-end;
  display: flex;
}

.protolink {
  padding-left: 5px;
  font-size: 24px;
}

.div-block-29 {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.image-22 {
  max-width: 100%;
}

.linksq {
  max-width: 90%;
}

.blocklink {
  text-align: center;
}

.image-23 {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.mobile-profile.enterpret {
  max-width: 50%;
  margin-left: 40px;
}

.mobile-profile.enterpret.tablet.usersgame {
  max-width: 100%;
}

.hobbies {
  z-index: 2;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 80px;
  display: flex;
  position: absolute;
  top: 33%;
  left: 21%;
  right: 0%;
}

.div-block-30 {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 75%;
  right: 0%;
}

.text-block-4 {
  margin-left: 15vw;
  font-family: Nunito, sans-serif;
  font-weight: 500;
}

.text-block-4.tap {
  display: none;
}

.text-block-4.hovertext {
  margin-left: 0;
}

.div-block-32 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.cardlink {
  text-decoration: none;
}

.image-24, .image-25, .image-26, .image-27, .image-28, .image-29, .image-30 {
  min-width: 100%;
}

.body-2 {
  cursor: auto;
}

.separatorimg, .selectorimg {
  min-width: 100%;
}

.link-2 {
  font-size: 24px;
}

.div-block-33 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.image-31.landscape {
  box-shadow: 0 2px 5px rgba(202, 169, 169, 0);
}

.webheading {
  color: #59135b;
  text-align: left;
  font-family: Quicksand, sans-serif;
  font-size: 36px;
}

.section-5 {
  margin-left: auto;
  margin-right: auto;
}

.div-block-35 {
  margin-left: auto;
  margin-right: auto;
  padding-left: 130px;
  padding-right: 130px;
}

.div-block-35.weblandscape {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.blogimg {
  margin-top: 60px;
}

@media screen and (max-width: 991px) {
  .section.hero.landscape.tablet {
    min-height: 100vh;
  }

  .section.hero.landscape.tablet.mobiles {
    max-height: 80vh;
    min-height: 75vh;
  }

  .flex-div.flexdiv-tablet {
    margin-top: 24vh;
  }

  .flex-div.flexdiv-tablet.landscape.mobile {
    max-width: 78vw;
    margin-top: 5vh;
    display: block;
  }

  .container-flex.mobile {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .image.img-tablet {
    max-width: 55%;
  }

  .image.img-tablet.landscape.mobile.imgttablet.imagemobile {
    max-width: 40%;
  }

  .heading.heading-tablet {
    font-size: 45px;
  }

  .heading.heading-tablet.landscape.mobile {
    font-size: 30px;
  }

  .text-block {
    min-width: 100vw;
    font-size: 32px;
  }

  .text-block.landscape.mobile {
    font-size: 30px;
  }

  .text-block.landscape.mobile.textograndespantallas {
    min-width: 0;
    font-size: 28px;
  }

  .text-block.landscape.mobile.textopeque-as {
    display: none;
  }

  .nav-menu.dropdown {
    display: block;
  }

  .card-container.mt.tablet.linkedintablet {
    flex-direction: column-reverse;
  }

  .card-container.mt.biokostablet {
    flex-direction: column;
  }

  .card-container.mt.e-tablet {
    align-items: center;
  }

  .card-container.mt.etablet {
    flex-direction: column-reverse;
    align-items: center;
  }

  .card-container.tablet {
    flex-direction: column;
    align-items: center;
  }

  .heading-2.heading2tablet {
    text-align: center;
  }

  .paragraph.tabletparagrapah {
    max-width: 100vw;
    text-align: center;
    margin-bottom: 40px;
  }

  .paragraph.website.landscape.tttablet {
    font-size: 18px;
  }

  .irbiincard.tabletirb {
    left: -9%;
  }

  .image-6.cellinktablet {
    bottom: 10%;
  }

  .image-6.cellinktablet.landscape.mobile.web4 {
    top: -35px;
  }

  .image-7.imgtabl {
    max-width: 100%;
  }

  .linkcardp.linkedintexttablet {
    left: 5%;
  }

  .linkcardp.linkedintexttablet.landscape.mobile.web3 {
    top: -9%;
  }

  .image-8.biokoshandtablet {
    right: -9%;
  }

  .image-11.tablet {
    left: 22%;
  }

  .image-11.tablet.mobile.enterpreterss {
    max-width: 87%;
  }

  .linkbg.imaget {
    max-width: 100%;
  }

  .image-12.biokosimgtablet {
    margin-left: 0%;
  }

  .image-12.biokosimgtablet.imaget {
    max-width: 100%;
  }

  .image-13.biokosimgtexttablet {
    left: 5%;
  }

  .div-block-11.e-tabletdiv {
    margin-left: 0;
  }

  .contact-footer.mobile {
    height: 50vh;
    max-height: 50vh;
    min-height: 50vh;
  }

  .heading-3.footer.foot2.tablet {
    font-size: 24px;
  }

  .heading-3.footer.redes.mobile {
    margin-top: 25vh;
  }

  .heading-3.footer.redes.mobile.landscape {
    position: static;
  }

  .heading-3.footer.tablet {
    font-size: 30px;
  }

  .footer-text.landscape.mobile {
    height: 70vh;
    max-height: 70vh;
    min-height: 70vh;
  }

  .hero-case {
    min-height: 8px;
  }

  .div-block-13, .div-block-14.tablet {
    flex-direction: column;
  }

  .heading-4 {
    flex-direction: column;
    align-items: center;
  }

  .heading-4.tablet {
    font-size: 32px;
  }

  .heading-4.tablet.landscape.linktitle.tabletlink {
    min-width: 70vw;
    margin-left: 0%;
  }

  .heading-4.tablet.landscape.biokos {
    margin-left: 0%;
  }

  .heading-4.tablet.landscape.enterpreters {
    margin-top: 0%;
    margin-left: 0%;
    padding-right: 0;
  }

  .heading-4.tablet.landscape.about.tabletabout, .heading-4.tablet.landscape.tabletirbin {
    margin-left: 0%;
  }

  .heading-4.tablet.landscape.tabletirbin.landirbin {
    max-width: 80vw;
    min-width: 80vw;
    margin-top: 0%;
  }

  .desarrollo.tablet {
    padding-left: 130px;
    padding-right: 130px;
  }

  .div-user.mobile.enterpreusers {
    flex-direction: column;
    align-items: center;
  }

  .div-user.mobile.tabletenterp {
    flex-direction: column;
  }

  .user-data.landscapeuser.mobilecase.mobiledata.tablet {
    margin-left: 0;
  }

  .div-block-23.enterpret.tablet {
    flex-direction: column;
  }

  .ui-section.tablet {
    padding-left: 130px;
    padding-right: 130px;
  }

  .styleimg.tablet {
    flex-direction: column;
    justify-content: flex-start;
  }

  .last-section.tablet {
    padding-left: 130px;
    padding-right: 130px;
  }

  .section-2.other-projects.tablet {
    margin-top: 140px;
  }

  .linkprojects.tablet {
    flex-direction: column;
    justify-content: space-between;
  }

  .section-3.tablet {
    padding-right: 0;
  }

  .image-21.tablet.tabletirbin {
    max-width: 70%;
  }

  .tablet {
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .mobile-profile.enterpret.tablet {
    margin-left: 0;
  }

  .mobile-profile.enterpret.tablet.usersgame {
    max-width: 100%;
  }

  .text-block-4 {
    display: none;
  }

  .text-block-4.tap {
    margin-top: -1vh;
    display: block;
  }

  .div-block-31 {
    flex-direction: column;
    display: flex;
  }

  .div-block-33.tablet {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .image-31 {
    max-width: 70%;
  }

  .div-block-34 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .webheading.tablet {
    font-size: 32px;
  }

  .linkmobile.landscape {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .section.hero.landscape {
    min-height: 84vh;
    color: rgba(0, 0, 0, 0);
  }

  .section.hero.landscape.tablet.mobiles {
    max-height: 75vh;
    min-height: 70vh;
  }

  .flex-div.flexdiv-tablet.landscape {
    margin-top: 20vh;
  }

  .flex-div.flexdiv-tablet.landscape.mobile {
    flex-direction: column;
    align-items: center;
    margin-top: 5vh;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-flex.mobile {
    flex-direction: column;
  }

  .image.img-tablet.landscape {
    bottom: 16%;
  }

  .image.img-tablet.landscape.mobile.imgttablet.imagemobile {
    max-width: 40%;
  }

  .containernav.landsccape {
    padding-left: 60px;
    padding-right: 60px;
  }

  .heading.heading-tablet.landscape {
    font-size: 40px;
  }

  .heading.heading-tablet.landscape.mobile {
    font-size: 24px;
  }

  .text-block.landscape {
    min-width: 84vw;
    font-size: 20px;
  }

  .text-block.landscape.mobile {
    max-width: 80vw;
    min-width: 80vw;
    letter-spacing: 1.3px;
    font-size: 24px;
    overflow: visible;
  }

  .text-block.landscape.mobile.textograndespantallas {
    display: none;
  }

  .text-block.landscape.mobile.textopeque-as {
    max-width: 77vw;
    min-width: 0;
    font-size: 20px;
    line-height: 39px;
    display: block;
  }

  .button.landscape {
    margin-top: 20px;
  }

  .button.landscape.mobile {
    font-size: 16px;
  }

  .navlink.dropdownlink {
    margin-left: 0;
    padding-left: 30px;
  }

  .navcontact.dropdown {
    max-width: 100px;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 30px;
    margin-right: auto;
    padding-left: 10px;
    display: block;
  }

  .icon {
    color: #59135b;
  }

  .menu-button {
    background-color: rgba(0, 0, 0, 0);
    margin-top: 0;
  }

  .menu-button.w--open {
    background-color: #fff;
  }

  .nav-menu {
    background-color: #fffefe;
  }

  .nav-menu.dropdown {
    padding-bottom: 20px;
    padding-left: 10px;
  }

  .h2.landscape {
    margin-top: 20vh;
  }

  .h2.landscape.mobile {
    font-size: 24px;
  }

  .divcontainer.landscape, .cards.tablet.landscape {
    padding-left: 60px;
    padding-right: 60px;
  }

  .heading-2.heading2tablet.mobile {
    font-size: 24px;
  }

  .paragraph.website.landscape {
    font-size: 18px;
  }

  .irbiincard.tabletirb.web1.landscape {
    max-width: 90%;
    left: 0%;
  }

  .image-6.cellinktablet.landscape {
    bottom: 0%;
  }

  .image-6.mobile.web2.landscape {
    max-width: 80%;
  }

  .linkcardp.linkedintexttablet.landscape {
    left: 0%;
  }

  .image-11.tablet.mobile.enterpreterss {
    max-width: 80%;
  }

  .div-block-10, .divlinkedin.mobile.landscape {
    padding-bottom: 60px;
  }

  .contact-footer.mobile {
    height: 500px;
    max-height: 60vh;
    min-height: 500px;
    margin-top: 25vh;
  }

  .contact-footer.mobile.footer-case {
    margin-top: 10vh;
  }

  .heading-3.footer.foot2.tablet.mobile {
    margin-top: 5%;
    padding-top: 0;
    font-size: 18px;
    display: block;
  }

  .heading-3.footer.redes.mobile.landscape {
    max-width: 60vw;
    margin-top: 0;
    position: static;
  }

  .heading-3.footer.tablet.mobile {
    margin-top: 10vh;
    margin-left: 0;
    margin-right: 0;
    font-size: 24px;
  }

  .footer-text.landscape {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .footer-text.landscape.mobile {
    height: 500px;
    max-height: 700px;
    min-height: 500px;
  }

  .hero-case.tablet {
    padding-left: 60px;
    padding-right: 60px;
  }

  .hero-case.tablet.landscapelink, .hero-case.tablet.irbinlandscape {
    flex-direction: column;
    align-items: center;
    padding-right: 60px;
  }

  .div-block-13 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .heading-4.tablet.landscape {
    text-align: center;
    font-size: 20px;
  }

  .heading-4.tablet.landscape.linktitle {
    width: 90vw;
    max-width: 90vw;
  }

  .heading-4.tablet.landscape.tabletirbin.landirbin {
    text-align: left;
    margin-top: 0%;
  }

  .desarrollo.tablet.landscape, .desarrollo.tablet.landscape.mobile, .desarrollo.tablet.landscape.mobile.landscapemarginiribn, .desarrollo.tablet.landscape.mobile.landlink, .desarrollo.tablet.landscape.mobile.landbiokos, .desarrollo.tablet.landscape.mobile.mobileabout {
    padding-left: 60px;
    padding-right: 60px;
  }

  .title-case.landscape {
    font-size: 24px;
  }

  .paragraph-2.paragraphcase.designprocess.landcase, .paragraph-2.paragraphcase.mt.landcase, .paragraph-2.paragraphcase.landscapecase, .paragraph-2.pain.landscapecase {
    font-size: 18px;
  }

  .div-block-20.designprocess.landscape {
    flex-direction: column;
  }

  .h4.mtt40.landcsa, .h4.mtp60.landscae, .h4.landscapecase {
    font-size: 20px;
  }

  .div-user.mobile.landirbin {
    flex-direction: column;
  }

  .user-data.landscapeuser, .date.landcase {
    font-size: 18px;
  }

  .ui-section.tablet.landscapeui {
    padding-left: 60px;
    padding-right: 60px;
  }

  .linkprototype.landscape {
    flex-direction: column;
    align-items: flex-start;
  }

  .linkproto.landscape {
    font-size: 20px;
  }

  .linkproto.landscape.mobile {
    min-width: 70vw;
  }

  .last-section.tablet.landscape, .section-2.other-projects.tablet, .section-2.other-projects.tablet.mobile.landscape, .section-2.other-projects.tablet.landscape {
    padding-left: 60px;
    padding-right: 60px;
  }

  .section-3.tablet {
    padding-right: 0;
  }

  .div-block-27 {
    padding-bottom: 60px;
  }

  .protolink.mobilink.landscape {
    font-size: 20px;
  }

  .div-block-29.landscape {
    flex-direction: column;
  }

  .mobile-profile.enterpret.tablet.usersgame {
    max-width: 100%;
  }

  .link-2.landscape {
    font-size: 20px;
  }

  .div-block-33.tablet.landscape {
    flex-direction: column;
    align-items: flex-end;
  }

  .image-31.landscape {
    max-width: 50%;
    margin-top: 10px;
  }

  .div-block-34.landscape {
    align-items: flex-end;
    padding-left: 0;
  }

  .webheading.tablet.landscape {
    font-size: 20px;
  }

  .div-block-35.weblandscape {
    padding-left: 20px;
    padding-right: 20px;
  }

  .linkmobile.landscape {
    font-size: 18px;
  }
}

@media screen and (max-width: 479px) {
  .section.hero.landscape.tablet.mobiles {
    max-height: 80vh;
    min-height: 70vh;
  }

  .flex-div.flexdiv-tablet.landscape.mobile {
    margin-top: 5vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image.img-tablet.landscape {
    max-width: 68%;
  }

  .image.img-tablet.landscape.mobile {
    max-width: 75%;
  }

  .image.img-tablet.landscape.mobile.imgttablet.imagemobile {
    max-width: 55%;
  }

  .containernav, .containernav.landsccape {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading.heading-tablet.landscape.mobile {
    font-size: 20px;
  }

  .text-block.landscape.mobile {
    min-width: 84vw;
    letter-spacing: 1px;
    font-size: 15px;
    line-height: 32px;
  }

  .text-block.landscape.mobile.textopeque-as {
    font-size: 18px;
    line-height: 30px;
  }

  .button.landscape.mobile {
    margin-top: 10px;
    font-size: 14px;
  }

  .button.cvbtn.mobile {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  .menu-button {
    margin-top: 10px;
  }

  .nav-menu.dropdown {
    align-items: stretch;
    display: flex;
  }

  .h2.landscape.mobile {
    margin-top: 15vh;
    font-size: 28px;
  }

  .divcontainer.landscape.mobile {
    padding-left: 40px;
    padding-right: 40px;
  }

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

  .heading-2.heading2tablet.mobile {
    font-size: 28px;
  }

  .paragraph.tabletparagrapah.mobile, .paragraph.website.landscape.tttablet.mobile {
    font-size: 16px;
  }

  .irbiincard.tabletirb {
    max-width: 70%;
  }

  .div-block-9.mobile {
    margin-top: 10vh;
  }

  .image-6.cellinktablet.landscape.mobile {
    max-width: 55%;
  }

  .image-6.mobile {
    max-width: 50%;
  }

  .linkcardp.linkedintexttablet.landscape.mobile {
    max-width: 45%;
    left: 5%;
  }

  .image-8.biokoshandtablet.mobile {
    max-width: 70%;
  }

  .image-10.mobile {
    max-width: 40%;
  }

  .image-11.tablet.mobile {
    top: 10px;
  }

  .image-11.tablet.mobile.enterpreterss {
    max-width: 90%;
  }

  .image-13.biokosimgtexttablet.mobile {
    max-width: 45%;
  }

  .div-block-10.mobile, .divlinkedin.mobile.landscape.mobile1 {
    padding-bottom: 0;
  }

  .contact-footer.mobile {
    height: 500px;
    min-height: 500px;
    margin-top: 15vh;
  }

  .heading-3.footer.foot2.tablet.mobile {
    margin-top: 0;
    padding-top: 0;
    font-size: 16px;
    position: static;
  }

  .heading-3.footer.redes.mobile {
    margin-top: 10vh;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-3.footer.redes.mobile.landscape {
    margin-top: 5vh;
    position: static;
  }

  .heading-3.footer.redes.mobile.landscape.mov {
    max-width: 0;
    min-width: 85vw;
    flex-direction: column;
    display: block;
  }

  .heading-3.footer.tablet.mobile {
    min-width: 80vw;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 10px;
    font-size: 20px;
    position: static;
  }

  .footer-text.landscape.mobile {
    height: 500px;
    max-height: 60vh;
    min-height: 500px;
    margin-top: 5vh;
  }

  .text-block-3.mobilecopy {
    flex-direction: row;
    font-size: 10px;
  }

  .image-14.mobile {
    max-width: 16px;
    margin-right: 5px;
  }

  .redes-mobile, .redes-mobile.behance {
    max-width: 75%;
  }

  .hero-case.tablet.irbinlandscape.mobileabout, .hero-case.tablet.irbinlandscape.web.mobile1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .desarrollo.tablet.landscape.mobile {
    padding-left: 60px;
    padding-right: 60px;
  }

  .desarrollo.tablet.landscape.mobile.mobileabout {
    padding-left: 40px;
    padding-right: 40px;
  }

  .title-case.mtp40.landscape.mobile {
    font-size: 18px;
  }

  .title-case.landscape.mobile, .title-case.landscape.mobilecase {
    font-size: 20px;
  }

  .paragraph-2.paragraphcase.designprocess.landcase.mobilecase, .paragraph-2.paragraphcase.mt.landcase.mobilecase, .paragraph-2.paragraphcase.landscapecase.mobilecase, .paragraph-2.pain.landscapecase.mobilecase {
    font-size: 16px;
  }

  .h4.mtt40.landcsa.mobile, .h4.mtp60.landscae.mobile, .h4.landscapecase.mobilecase {
    font-size: 18px;
  }

  .h4.mobileclas {
    min-width: 80vw;
    font-size: 20px;
  }

  .div-user.mobile {
    flex-direction: column;
    align-items: flex-start;
  }

  .div-user.mobilelink {
    flex-direction: column;
  }

  .user-data.landscapeuser.mobilecase {
    margin-left: 0;
    font-size: 16px;
  }

  .user-data.landscapeuser.mobilecase.mobiledata {
    margin-top: 10px;
    margin-left: 0;
  }

  .user-data.landscapeuser.mobilecase.mobilelink {
    margin-left: 0;
  }

  .date.landcase.mobilecase {
    font-size: 16px;
  }

  .linkprototype.mobile {
    flex-direction: column;
    align-items: flex-start;
  }

  .linkproto.landscape.mobile {
    font-size: 18px;
  }

  .section-2.other-projects.tablet.mobile {
    padding-left: 40px;
    padding-right: 40px;
  }

  .linkprojects.tablet {
    padding-right: 0;
  }

  .image-21.tablet.tabletirbin.mobileirbin {
    max-width: 90%;
  }

  .div-block-27.mobile1 {
    padding-bottom: 0;
  }

  .protolink.mobilink {
    font-size: 20px;
  }

  .mobile-profile {
    max-width: 50%;
  }

  .mobile-profile.enterpret.tablet.usersgame {
    max-width: 100%;
  }

  .div-block-30.mobilee {
    margin-top: -8vh;
  }

  .linkmobile, .linkmobile.landscape.mobile {
    font-size: 16px;
  }
}