header {
	color: #E62001;
	font-size: 24px;
	font-family: Helvetica;
	text-align: center;
}

header span {
	display: block;
	font-size: .8em;
}

body {
	color: #332C2B;
	font-size: 16px;
	font-family: Helvetica;
	text-align: center;
	padding: 60px;
	background-color: #BBAEA0;
}

img {
 	display: block;
 	margin-left: auto;
  	margin-right: auto;
  	width: 40%;
}

table th, td {
  	text-align: center;
  	border: 3px solid;
  	border-color: #663A33;
  	color: #332C2B;
}

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

div.container {
  text-align: center;
}

ul.myUL {
  display: inline-block;
  text-align: left;
  list-style-type: none;
}

#first {
	font-size: 20px;
	text-align: center;
	color: #332C2B;
}

#second {
	font-size: 20px;
	text-align: center;
	color: #BB341F;
}


a:link, a:visited {
	color: #663A33;
	text-decoration: none;
}

a:hover, a:focus {
	color: #913D30;
}

h2 {
  	font-style: italic;
}

#grid-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2px;
  font-size: 0.9em;
  margin: 1% 0 1% 0;
}

.grid-container {
  display: grid;
  grid-template-columns: auto;
}

/*tablet size*/
@media only screen and (min-width: 600px) and (max-width: 900px) {

	#grid-container {
  	display: grid;
  	grid-template-columns: 1fr;
	}

	.grid-container {
  	display: grid;
  	grid-template-columns: auto;
	}
}