@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
html, body {
	padding: 0;
	margin: 0;
}
div, h1, h2, h3, h4, h5, h6, h7, h8, span, blockquote, placeholder {
		font-family: 'Raleway', sans-serif;
}
.left-panel {
  width: 70%;
  float: left;
}
.left-panel-inner{
  border: 1px solid #000;
  width: 100%;
}
.left-panel-bottom-3 {
  width: 50%;
  float: left;
}
.left-panel-bottom-1 {
  width: 16.667%;
  float: left;
}
.left-panel-bottom-2 {
  width: 33.33%;
  float: left;
}
.right-panel {
  width: 30%;
  float:left;
}
.right-panel-inner {
  border: 1px solid #000;
  width: 100%;
}
.scratchpad {
  display: inline-block;
  width: 100%;
}
.scratchpad h5 {
	text-align: center;
}
.action-item {
  float: left;
  width: 16.6666667%;
}
.action-item-inner {
	border: 1px solid #000;
}
h5.th-header {
	height: 30px;
	padding: .25em;
}
textarea {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 100%;
	overflow: hidden;
}
textarea.action-area {
	height: 170px;
}
textarea.advisor-area {
	height: 130px;
}
textarea.scratchpad-area {
	height: 300px;
}
textarea.reflection-area, textarea.mood-area {
    height: 65px;
}
	h5, textarea {
		font-size: 80%;
	}
@media screen and (max-width: 1000px) {
  .left-panel, .right-panel {
    float: none;
	width: 100%;
  }
	h5, textarea {
		font-size: 70%;
	}
}
@media screen and (max-width: 800px) {
  .left-panel, .right-panel {
    float: none;
	width: 100%;
  }
	h5, textarea {
		font-size: 65%;
	}
}
@media screen and (max-width: 600px) {
	h5, textarea {
		font-size: 60%;
	}
}