@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');

html, body {
  height: 100%;
  width: 100%;
  font-family: 'Poppins', sans-serif;
  color: #222;
}

.navbar{
  padding: .8rem;
}

.navbar-nav li{
  padding-right: 20px;
}

.nav-link{
  font-size: 1em !important;
}

.nav-link:hover{
  color: #43dbfb !important;
}

#prompt {
  font-family: 'Courier New', Courier !important;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0%;
  left: 30%;
  transform: translate(-50%, -50%);
  text-transform: lowercase;
  color: transparent;
}

#prompt:before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  overflow: hidden;
  border-right: 1px solid #fff;
  animation: type 9s steps(24) infinite;
  white-space: nowrap;
}

@keyframes type{
  0% {
    width: 0;
  } 
  50% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}

.jumbotron{
  padding: 1rem;
  border-radius: 0;
  /*background-color: #a8c5cb;
  color: #fff;*/
  background-color: #43dbfb;
  color: #fff;
}

li{
  text-align: left;
}

.olist{
  font-weight: bold; 
  font-size: 1.5rem;

}

li ul{
  list-style-type: disc;
}

.ulist{
  font-weight: bold; 
  font-size: 1rem;
}

.btn{
  color: #fff;
  border-color: #fff;
}

.padding{
  padding-bottom: 2rem;
}

.welcome{
  width: 90%;
  margin: 0 auto;
  padding-top: 2rem;
}

.welcome hr{
  border-top: 1px solid #b4b4b4;
  width: 95%;
  margin-top: .3rem;
  margin-bottom: 1rem;
}


hr.light{
  border-top: 1px solid #fff;
  width: 75%;
  margin-top: .8rem;
  margin-bottom: 1rem;
}

hr.peque{
  border-top: 1px solid #c4ebf3;
  width: 50%;
  margin-top: .8rem;
  margin-bottom: 1rem;
}

footer a{
  color: #d5d5d5;
}

hr.light-100{
  border-top: 1px solid #fff;
  width: 100%;
  margin-top: .8rem;
  margin-bottom: 1rem;
}

.my-4{
  border-top: 1px solid #c4ebf3;
}

.display-4{
  color: #6e98a1;
}

.subtitulos{
  color: #6e98a1; 
}

/*---Media Queries --*/
@media (min-width: 1200px) {
  a.btn-lg{
    display: inline;
  }

  a.btn-sm{
    display: none; 
  }

  #prompt{
    font-size: 2.5em;
  }
}

@media (max-width: 1200px) {

  a.btn-lg{
    display: none;
  }

  a.btn-sm{
    display: inline; 
  }

  #prompt{
    font-size: 1.7em;
  }
}

@media (max-width: 768px) {

  a.btn-outline-light{
    display: none;
  }

  .display-4{
    font-size: 200%;
  }

  #prompt{
    font-size: 1.2em;
  }
}

@media (max-width: 576px) {
  
  a.btn-outline-light{
    display: none;
  }

  .display-4{
    font-size: 150%;
  }

  #prompt{
    font-size: 0.8em;
  }
}

/*---Firefox Bug Fix --*/
.fixed-wrap {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*--- Bootstrap Padding Fix --*/
[class*="col-"] {
    padding: 1rem;
}