.mytitle{
  font-size: 1.5em;
}

html{
height: 100%;
}

body{
  font-size: 1em;
  position: fixed;
  overflow: hidden;
  font-family:Arial;
  height: 100%;
  margin:0;
}


.heading{
  /* height: 15%; */
  color: #FFFFFF;
  background-color: #6666CC;
  line-height: 0.75;
  padding: 10px;
}

.response{
  height: 15%;
  color: #FFFFFF;
  background-color: #CCCCCC;
  padding: 10px;
}

.debug{
  font-size: 0.75em;
}

.chat{
  cursor: hand;
  border: none;
  height: 70%; // 400px;
  background-color: F0F0F0;
  display: block;
  width: 500px;
  float: none;
  overflow-y: scroll;
  padding: 10px;
}

.questions{
  border: none;
  padding: 10px;
}

.question{
color: #333333;
width: 90%;
padding: 3px;
}


ol {
color: #333333;
width: 90%;
//padding: 3px;
}

ol li {
cursor: pointer;
color: #333333;
margin: 5px;
width: 90%;
}


.err{
color: #990000;
width: 90%;
}

.answer{
color: #FFFFFF;
background-color: #6666CC;
text-align: right;
width:70%;
float: right;
overflow: hidden;
padding: 3px;
display:inline-block;
}

@media screen and (max-width: 640px) {
  /* Small (mobile) screen styles iPhoneSC 1136x640 actual pixels */

  body{
    font-family:Arial;
    height: 100%;
  }

.heading{
  /* height: 15%; */
  color: #FFFFFF;
  font-size = 0.8m;
  background-color: #6666CC;
}

.response{
  height: 15%;
  color: #FFFFFF;
  background-color: #CCCCCC;
}

.chat{
  cursor: hand;
  font-size: 0.8em;
  border: none;
  background-color: #FAFAFF;
  height: 70%;
  display: block;
  width: auto;
  float: none;
  overflow-y: scroll;
  padding: 10px;
}

}