* {
  box-sizing:   border-box;
  font-family:  helvetica;
}

html, body, #mainContainer {
  height: 100%;
}

#mainContainer {
  padding-top:   $menu-height;
}

.page-title {
  font-size: 2.5rem;
  margin-bottom: 20px;
  font-family: 'Righteous', cursive;
  text-decoration-line: underline;
}

hd-chat-window {
  position:       absolute;
  top:            0px;
  bottom:         0px;
  left:           0px;
  right:          0px;
  margin:         auto;
  padding-top:    $menu-height;
  padding-right:  $vertical-menu-width;
  display:        none;
}
.chat-wrapper {
  hd-chat-window {
    display:  block;
  }
}