/* Required for full background image */

html,
body,
header:not(.intro),
.view:not(.intro) {
  height: 100%;
}

@media (max-width: 740px) {
  html,
  body,
  header:not(.intro),
  .view:not(.intro) {
    height: 100vh;
  }
}

.top-nav-collapse {
  background-color: transparent !important;
}

.navbar:not(.top-nav-collapse) {
  /* background: rgba(28,35,49, 0.2); */
  /* background: transparent !important; */
  /* background: rgba(0,0,0,0.8); */
}


@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
  /*  background: #78909c !important; */
  /* background: transparent !important; */
  /* background: rgba(0,0,0,0.8); */
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
  /*  background: #78909c !important; */
  background: transparent !important;
  }
}

h1 {
  letter-spacing: 8px;
}

h5 {
  /* letter-spacing: 3px; */
  font-weight: 400;
}

.hr-light.intro {
  border-top: 3px solid #fff;
  width: 80px;
}            

@media (max-width: 768px) {
  .modal {
  margin-top: 80px;
  }
  .modal-content {
    /* background: transparent !important; */
    background: rgba(0,0,0,0.8) !important;
    color: #fff;  
  }
  
}

@media (min-width: 800px) {
.modal-content {
  /* background: transparent !important; */
  background: rgba(0,0,0,0.34) !important;
  color: #fff;  
}  
}

.modal-body {
  padding-top: 0.33rem;
  padding-bottom: 0.33rem;
}

.btn-primary {
  background-color: #fff !important;
  opacity: 0.7;
  color: #000 !important;
}

.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #fff !important;
  opacity: 0.9;
  color: #000 !important;
}

.btn-outline-primary {
  border-color: #fff !important;
  opacity: 0.7;
  -webkit-filter: opacity(0.7);    
  color: #fff !important;
}

.btn-outline-primary:focus {
  border-color: #fff !important;
  opacity: 0.7;
  -webkit-filter: opacity(0.7);  
  color: #fff !important;
}

.btn-outline-primary:hover {
  border-color: #fff !important;
  opacity: 0.9;
  -webkit-filter: opacity(0.7);    
  color: #fff !important;
}