@charset "utf-8";
/* CSS Document */

.grue caption {
	font-size: 1.2em;
	font-weight:bold;
	font-style:italic;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom:2%;
	color:#00F;}

.grue table{
border: 3px solid blue;
width: 100%;
margin:0 auto;
text-align: center;
table-layout:fixed;
background-color:#FFF;}



.grue td, th {
border: thin solid #6495ed;
width: auto;}

.grue th {
border: thin solid #6495ed;
padding: 5px;
}

.grue td {
font-family: sans-serif;
border: thin solid #6495ed;
width: auto;
padding: 5px;
text-align: center;}

@media (max-width: 767px) {
.grue table {
    display:inline-table;
  table-layout:fixed;
  width:100%;
  vertical-align:middle;
}
.grue th, .grue tr, .grue td {
	display:flex;
	 table-layout:fixed;
width:100%;}

.grue caption {
	font-size: 0.9em;
	font-weight:bold;
}