html, body{
  height: 100%;
  margin: 0;
  padding: 0;
}

#type-bar { border-right: 0.08em solid #fff;
         animation: blink 1s linear infinite;}


@keyframes blink {
  50% {
    opacity: 0;
  }
}
.navbar{ background:#28282800;}
.navbar-brand{font-size: 30px !important;}
.nav-link , .navbar-brand{ color: #f4f4f4; cursor: pointer; font-size: 22px;}
.nav-link{ margin-right: 1em !important;}
.nav-link:hover{ background: #f4f4f4; color: #f97300; }
.navbar-collapse{ justify-content: flex-end;}
}

.navbar-collapse{
 justify-content: flex-end;
}

.bg-dark{
background-color:#343a40!important
}
.bg-primary{
background-color:#007bff!important
}

/*header style*/
.header{
 background-image: url('../resources/images/common/sevilla.jpg');
 background-attachment: fixed;
 background-size: cover;
 background-position: center;

}

/*overlay-style*/
.overlay{
 position: absolute;
 min-height: 100%;
 min-width: 100%;
 left: 0;
 top: 0;
 background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 1%, rgba(0,0,0,0.65) 72%, rgba(0,0,0,0.01) 99%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 1%,rgba(0,0,0,0.65) 72%,rgba(0,0,0,0.01) 99%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, rgba(0,0,0,0.65) 1%,rgba(0,0,0,0.65) 72%,rgba(0,0,0,0.01) 99%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
#detail{
  color:#ffcb3f;
}

#mensaje-portada {
  font-family: 'KoHo', sans-serif;
  color:#f4f4f4;
  text-align: center  ;
}

.vertical-center {
  min-height: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.searchbar{
  align-items: center;
}

.search_input{
  margin-top: 50px;
  border-radius: 30px;
  color:#ffffff;
  padding: 10px;
  background-color: #ffffff30;
  border: 3px solid #ffcb3f;
}

.search_input::placeholder{
  color: white;
}

footer{
  background-color: #141414;
  background-size: 20px 20px;
  color:#f4f4f4
}

@media only screen and (max-width: 100px) {
  body {
    font-size:100px;
  }
}