body {
  background: url(../img/dbh_bg7.jpg) center fixed;
  backdrop-filter: blur(1px);
  background-size: cover;
  min-height: 100vh;
  position:relative;
}

.navbar-dark .navbar-nav .nav-link {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  font-size: large;
  margin:0 1.5em;
  text-align: center;
}

.navbar-dark .navbar-nav .nav-link.active {
  border-bottom:3px solid #00c4ff;
  letter-spacing: 2px;
}


/* pantallas pequeñas y tablets vertical */
@media (max-width: 992px) {
  .caption {
    width:100%;
    font-size:2.5em;
    line-height:1.8em;
  }
  .name {
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #00c4ff;
  }
  .name2 {
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.1em;
    margin-top: -.8em;
    color: #ffffff;
  }

  .nav-link {
    color: #00c4ff;
  }

  .location{
    position:absolute;
    width: 100%;
    font-size:3em;
    bottom: 3em;
  }

  .pos {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.8em;
    font-weight: 700;
    text-align: center;
    color: #C414BC;
  }
  .loc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.5em;
    font-weight: 100;
    text-align: center;
    color: #fff;
  }

}
@media (min-width: 992px) {
  .caption {
    position:absolute;
    top:1.2em;
    right:0.4em;
    font-size: 100px;
  }

  .name {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-align: right;
    color: #00c4ff;
  }
  .name2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-top: -.5em;
    text-align: right;
    color: #ffffff;
    letter-spacing: 1px;
  }

  .location {
    position:absolute;
    top:3.2em;
    right:0.4em;
    font-size: 100px;
  }
  .pos {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 50px;
    margin-top: 1em;
    text-align: right;
    color: #C414BC;
  }
  .loc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    font-weight: 100;
    text-align: right;
    color: #fff;
  }
  .text-gradient-mint-blue-dark {
    background: -webkit-linear-gradient(-70deg, #00c4ff 0%, #7000ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
  }
  .text-gradient-pink-purples-dark {
    background: -webkit-linear-gradient(-70deg, #C414BC 0%, #7000ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
  }
}