@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
@import url('https://fonts.googleapis.com/css?family=Dosis:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');


body {
  font-family: 'Lato', sans-serif;
  text-align: center;
}

body, html {
  height: 100%;
}

.bg {
  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.bg::before {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    /*background:
      linear-gradient(217deg, rgba(0, 0, 0,1), rgba(255,0,0,0) 90.71%),
      linear-gradient(127deg, rgba(0,0,0,1), rgba(0,255,0,0) 90.71%),
      linear-gradient(336deg, rgba(0,0,0,1), rgba(0,0,255,0) 90.71%);*/
}
.header{
  align-content: center !important;
  width: 90%;
}

@media (min-width: 741px){
  .header{
    align-content: center !important;
    width: 45%;
  }
}

.footer {
  color: black;
  font-weight: bold;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.5rem;
  text-align: center;
  border-top: 1px solid rgba(120, 130, 140, 0.63);
}

@media (min-width: 1281px) {
  .footer{
    position: fixed;
  }
}

@media (min-width: 584px) and (max-width: 1280px) {
  .footer{
    position: fixed;
  }
}


.typeahead {
    z-index: 1051;
}


/*If using icon span before input, like <i class="fa fa-asterisk prefix"></i>*/

span.twitter-typeahead {
  width: calc(100% - 2.5rem);
  /*width: calc(100% - 3rem);*/
  /*margin-left: 3rem;*/
}


/* Aspect of the dropdown of results*/

.typeahead.dropdown-menu,
span.twitter-typeahead .tt-menu {
  min-width: 100%;
  background: white;
  /*as large as input*/
  border: none;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
  border-radius: 0;
  font-size: 1rem;
}


/*Aspect of results, done*/

span.twitter-typeahead .tt-suggestion {
  font-family: 'Open sans';
  color: #000;
  cursor: pointer;
  padding: 0.2rem;
  font-weight: 200;
}


/*Hover a result, done*/

span.twitter-typeahead .active.tt-suggestion,
span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .active.tt-suggestion:focus,
span.twitter-typeahead .tt-suggestion.tt-cursor:focus,
span.twitter-typeahead .active.tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion.tt-cursor:hover {
  background-color: #EEEEEE;
  color: #4285F4;
}

label.active {
  color: #4285F4 !important;
}