* {
	box-sizing: border-box;
}

.header{
	display: flex; 
	flex-direction: row;
	justify-content: center;
	text-align: center;
	font-size: calc(7px + 1vw);
}

footer{
    margin-top: 30px;
    min-height: 60px;
    padding-top: 20px;
    border-top: solid thin black;
	display: flex; 
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.footer-text{
    font-size: 14px;
}

body{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: calc(12px + 1vw);
	color: #000000;
	background-color: #AD896B;
}

.content {
	max-width: 1200px;
	margin: 10px;
}

.m-center {
	margin-left: auto;
	margin-right: auto;
}

.small{
	font-size: calc(7px + 1vw);	
}

h1 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: calc(20px + 1.5vw);
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

h2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: calc(9px + 1.5vw);
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

h3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: calc(7px + 1.5vw);
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

img {
	max-width: 100%;
    height: auto;
	border-radius: 25%;
}

ol > li, ul > li {
    padding: 5px;
    text-align: left;
}

ol, ul {
    display: inline-block;
}

table.table { width: 100%; }

.table th, .table td { 
  text-align: left; 
  padding: 0.25em;
}

.table tr { 
  border-bottom: 1px solid #DDD;
}

.stdCell {
  padding: 0px 10px
}

.three-col-grid {
align-self: center;
  display: grid;
  grid-template-columns: 200px 200px 200px;
  padding: 10px;
  max-width: 100%;
}

.grid-item {
  display: block;
  text-align: center;
}

td {
    padding: 0px 10px;
}

@media screen and (max-width: 600px) {
  tr { 
    display: flex; 
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0.5em 0;
    border: 1px solid rgba(3,3,3,0.2);
  }
  td, th {
    flex: 1 1 150px;
    border: 0.5px solid rgba(3,3,3,0.2);
  }
}