html,
body,
header,
.view {
  height: 100%;
}

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

.top-nav-collapse {
  background-color:   #4a5a82 !important;
}

.navbar:not(.top-nav-collapse) {
  background:  transparent !important;
}

@media (max-width: 991px) {
  .navbar:not(.top-nav-collapse) {
    background:  #4a5a82 !important;
  }
}

h1 {
  letter-spacing: 8px;
}

h5 {
  letter-spacing: 3px;
}

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

.avatar {
  
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
  
};