body {
  background:#333333;
  font-family:sans-serif;
  font-weight:400;
  /*-webkit-perspective:800px;*/
  /*perspective:800px;*/
}

.cuboh1, .cuboh2 {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  color:#333333;
  font-family:sans-serif;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:2px;
}

.cuboh1 {
  top:24px;
  font-size:12px;
}

.cuboh2 {
  top:44px;
  font-size:10px;
  opacity:0.7;
}

.cube {
  position:relative;
  width:100%;
  min-height:100vh;
}

.cube span {
  position:absolute;
  display:block;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  border-radius:3px;
  padding:10px;
  font-size:11px;
  font-weight:600;
  /*text-transform:uppercase;*/
  letter-spacing:-1px;
  width:80%;
}

#top {
  background:#ffbf00;
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%;
  height:auto;
}

#top span {
  background:#e6ac00;
  color:#664d00;
}

#content {
  background:#135b60;
  /*background-image:url(../../assets/img/almendro2.png);*/
  background-repeat:no-repeat;
  background-position:top;
  -webkit-transform-origin:50% 0%;
  transform-origin:50% 0%;
  height:100vh;
  padding-top:12%;
  /*background-image:url(../../assets/img/logoBlancoTrans.png);*/
  /*background-repeat:no-repeat;*/
  /*background-size:304px 500px;*/
  /*background-position:center center;*/
}

#content span {
  /*background:#f2f2f2;*/
  color:rgb(10,47,50);
  font-size:5em;
  text-align:center;
  line-height:0.8;
}

.cubo3d {
  -webkit-perspective:800px;
  perspective:800px;
}

.uno {
  /*height:100%;*/
}

.textoIntro {
  font-size:18px;
  font-weight:100;
  padding-right:10%;
  padding-top:30px;
  text-align:justify;
}