@media screen and (orientation: portrait) {
  body {
    font-size: 2.1vh; }

  .login-label {
    text-align: center; }

  .login-form {
    width: 80%;
    opacity: 1; }
    .login-form .form-label {
      text-align: center; }
    .login-form .group {
      margin: 1.75rem 0; }
    .login-form button {
      padding: 0.5em;
      height: auto; }

  .chat {
    width: 100vw; }
    .chat-header {
      height: 7vh; }
    .chat .messages {
      font-size: 2.5vh; }
      .chat .messages .message {
        padding: 0.125em 0.55em 0.125em 0.6em;
        margin-left: 5vh; }
        .chat .messages .message .avatar {
          width: 5vh;
          height: 5vh;
          left: -6.75rem; }
        .chat .messages .message .msg-user {
          top: -37.5px;
          left: 0; }
    .chat .message-box .message-input {
      height: 1.75em; }

  .sidebar {
    width: auto; }
    .sidebar-header {
      height: 7vh; }
    .sidebar ul {
      display: none; } }

/*# sourceMappingURL=small_screen.css.map */