html, body {
   padding: 0;
   margin: 0 auto;
   font-family: 'Ubuntu', sans-serif;
   font-weight: 400;
}

/* Los colores */
.bg-blue-dark {
   background-color: rgba(22, 20, 74, 1);
   color: white;
}

.text-morado {
   color: rgba(79, 21, 135, 1);
}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Ubuntu', sans-serif;
}

/* Porque todo sitio debe llevar un nav por muy simple que sea. */
.navbar {
   min-height: 60px;
   background-color: rgba(255, 255, 255, 1);
   border: 0;
   margin-bottom: 0;
   padding: 15px 0;
   position: relative;
   z-index: 10;
   top: 0;
}

.navbar-brand {
   padding: 5px 15px;
}

.navbar-brand img {
   display: block;
   width: 170px;
   height: auto;
}

li.logo-adobe a {
   display: block;
   position: relative;
}

li.logo-adobe a > img {
   position: absolute;
   top: -16px;
   right: 0;
   max-width: 70px;
   height: auto;
}

/* HEADER */
._header-img {
   display: block;
   width: 100%;
   padding: 0;
   margin: -15px auto 0;
   position: relative;
   z-index: 0;
}

._header-img > img {
   position: relative;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1920px;
}

._header-img > div._header-texto {
   position: absolute;
   top: 34%;
   right: 6%;
   color: white;
}

._header-texto h1, ._header-texto h2 {
   font-weight: 300;
}

._header-texto h1 {
   font-size: 3.1vw;
   letter-spacing: -0.08vw;
}

._header-texto h2 {
   font-size: 2vw;
   font-weight: 300;
}

/* Cuerpo relajao!  */
/* BG imagen */
.bg-images-full {
   background: no-repeat;
   -webkit-background-size: contain;
   -moz-background-size: contain;
   -o-background-size: contain;
   background-size: contain;
}

.bg-images-full-cover {
   background: no-repeat fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.bg-color-white {
   background-color: rgba(255, 255, 255, 1);
}

.bg-color-light-grey {
   background-color: rgba(249, 249, 251, 1);
}

.bg-position-bottom {
   background-position: bottom center;
}

.bg-economia {
   background-image: url("../imgs/marketo/bg2.jpg");
}

/* Global */
._wrapper {
   display: block;
   padding: 25px 0;
   width: 100%;
   margin: 0 auto;
}

/* */
.img-data {
   display: block;
   max-width: 360px;
   width: 100%;
   height: auto;
   margin: 15px auto;
}

._aprende-box {
   display: block;
   max-width: 209px;
   margin: 15px auto;
   width: 100%;
   position: relative;
   text-align: center;
}

._aprende-box > img {
   max-width: 60px;
   display: block;
   margin: 0 auto 15px;
   width: 100%;
   height: auto;
}

._aprende-box > h4 {
   font-weight: 400;
}

img.img-dna {
   display: block;
   max-width: 300px;
   width: 100%;
   height: auto;
   margin: 10px auto;
}

.spacer-between-rows {
   display: block;
   width: 100%;
}

.spacer-between-rows:after, .spacer-between-rows:before {
   clear: both;
   content: "";
   display: block;
   width: 100%;
   height: 30px;
}

._wrapper-clientes {
   display: block;
   margin: 25px auto;
   text-align: center;
   padding: 5px;
}

._wrapper-clientes > a {
   display: inline-block;
   vertical-align: middle;
   cursor: inherit;
   width: 16%;
   text-align: center;
   padding: 10px;
}

._wrapper-clientes > a > img {
   display: block;
   margin: 5px auto;
   width: 100%;
   height: auto;
}

._wrapper-clientes img._lg {
   max-width: 130px;
}

._wrapper-clientes img._panasonic {
   max-width: 130px;
}

._wrapper-clientes img._bny {
   max-width: 130px;
}

._wrapper-clientes img._google {
   max-width: 130px;
}

._wrapper-clientes img._charles {
   max-width: 130px;
}

._wrapper-clientes img._xerox {
   max-width: 130px;
}

._wrapper-clientes img._palace {
   max-width: 130px;
}

._wrapper-clientes img._stanford {
   max-width: 130px;
}

._wrapper-clientes img._toyota {
   max-width: 130px;
}

._wrapper-clientes img._staples {
   max-width: 130px;
}

._wrapper-clientes img._roche {
   max-width: 130px;
}

.footer-copyright {
   display: block;
   margin: 15px auto;
   padding: 10px 0;
   font-size: 13px;
   line-height: 16px;
   font-weight: 300;
}

.btn-adobe {
   display: inline-block;
   padding: 10px 16px;
   background-color: rgba(79, 21, 135, 1);
   color: white;
   transition: all 500ms ease;
}

.btn-adobe:hover, .btn-adobe:target, .btn-adobe:focus, .btn-adobe:active {
   background-color: rgba(22, 20, 74, 1);
   color: white;
}

/* Tools */
.no-padding {
   padding: 0;
}

@media screen and (min-width: 768px) {
   .same-row-col {
      display: table;
   }

   .same-row-col > [class*="col-"] {
      float: none;
      display: table-cell;
   }

   .same-row-col > [class*="col-"].vertical-middle {
      vertical-align: middle;
   }
}

@media screen and (max-width: 768px) {
   .adobe-mobile {
      position: absolute;
      right: 5%;
      top: 0;
      z-index: 0;
   }

   .adobe-mobile > img {
      width: 55px;
      height: auto;
   }

   .bg-economia {
      background-image: none;
   }

   ._wrapper-clientes > a {
      width: 32%;
   }

   .spacer-between-rows::after, .spacer-between-rows::before {
      height: 15px;
   }
}