* {
  word-wrap: break-word;
}

@media only screen and (max-device-width: 1000px) {
  h1, input {
    font-size: 3em;
  }
  p,
  label,
  select {
    font-size: 2.5em;
  }
  .msg-cnt {
    padding: 25px !important;
    border-radius: 30px !important;
  }
}
.msg {
  display: inline-block;
  max-width: 70vw;
}

.msg-cnt {
  padding: 20px;
  border-radius: 10px;
}

.sys-msg .msg-cnt {
  background-color: grey;
}

.mc-msg {
  text-align: right;
  float: right;
}
.mc-msg .msg-cnt {
  background-color: green;
}

.other-msg .msg-cnt {
  background-color: orange;
}