@media only screen and (max-width: 600px) {
.grid-container {
  display: grid;
  grid-template-areas:
    'header header'
    'main main'
    'footer footer'
	'copyright copyright';
    gap: 10px;
    background-color: pink;
    padding: 10px;
}
.item1 {
	 grid-area: header;
  background-color: #ffffff;
  text-align: center; 
}
.item2 {
	  grid-area: menu;
	   display: none;
	   
}
.item3 {
	  grid-area: main;
}
.item4 {
	  grid-area: footer;
  background-color: white;
  padding: 15px; 
}
.item5 {
  grid-area: copyright; 
  text-align: center;
}
   
}

@media only screen and (min-width: 601px) {
 .grid-container {
  display: grid;
  grid-template-areas:
    'header header'
    'menu main'
    'footer footer'
	'copyright copyright';
    gap: 16px;
    background-color: white;
    padding: 10px;
}
.item1 {
	 grid-area: header;
  text-align: center;
}
.item2 {
	  grid-area: menu;
	  width: 150px;
	  padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px; 
}
.item3 {
	  grid-area: main;
	  padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 20px;
	padding-left: 16px; 
	border-top: 1px solid;
	border-left: 1px solid;
	border-color: #eeeeee; 
}
.item4 {
	  grid-area: footer;
  background-color: white;
  padding: 15px;
  color: #000000;
  	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 20px;
	padding-left: 8px; 
	text-align: center; 
	font-size:9px; 
}
.item5 {
  grid-area: copyright; 
  text-align: center;
}
  
}
 

body {
	color: dimgrey;
	/*background-color: #ffffff;*/
	font: 12px Verdana, Geneva, Arial, Helvetica, Helve, Sans-serif;
	padding: 0;
	margin: 0px;
	border: 0px;
}

h1, h2, h3 {
  font-family: arial, sans-serif;
  LETTER-SPACING: 3px;
  line-height: 1.3;
  text-transform: uppercase;
  font-size: x-large;
  color:#5085b1;
}

/* --------- dimgrey = 666666 --------- */
.headbio {
	color: dimgrey; 
	font-size:9px;
	FONT-FAMILY: verdana;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px; 
	}
.headtag {
	color: #515151; 
	font-size:9.5px;
	FONT-FAMILY: arial;
	} 
.maintext {
	color: dimgrey;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, Helve, Sans-serif;
	line-height: 1.6;
	}
.maintextH2 {
	color: #5085b1; 
	font-weight:200;
	}

.footer {
	FONT-FAMILY: Arial; 
	font-size:11px;
	color: dimgrey;
	text-transform: uppercase;
 }		 
.header {
	FONT-FAMILY: Arial;
	color: lightgrey;
	font-size:11px; 
	text-transform: uppercase;
 }	

td.content {
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 20px;
	padding-left: 16px; 
	border-top: 1px solid;
	border-left: 1px solid;
	border-color: #eeeeee; 
}
td.menu {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px; 
}
td.copyright {
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 20px;
	padding-left: 8px; 
	text-align: center; 
	font-size:9px; 
}
table.footer {
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	padding-left: 16px; 
}

/* --------- LINKS --------- */

a { font-size:11px;
	COLOR: #5085b1; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none
	}
a:visited {
	FONT-SIZE: 11px; 
	COLOR: #5085b1; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none
	}
A:active {
	FONT-SIZE: 11px; 
	COLOR: #5085b1; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: underline
	}
A:hover {
	FONT-SIZE: 11px; 
	COLOR: #5085b1; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: underline
	}
	
A.price:link {
	FONT-SIZE: 11px; 
	COLOR: #7dc67d; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: underline
	}
A.price:visited {
	FONT-SIZE: 11px; 
	COLOR: #7dc67d; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none
	}
A.price:active {
	FONT-SIZE: 11px; 
	COLOR: #7dc67d; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: underline
	}
A.price:hover {
	FONT-SIZE: 11px; 
	COLOR: #7dc67d; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: underline
	}
	
A.white:link {
	FONT-SIZE: 11px; 
	COLOR: #5085b1; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none
	}
A.white:visited {
	FONT-SIZE: 11px; 
	COLOR: #5085b1; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none
	}
A.white:active {
	FONT-SIZE: 11px; 
	COLOR: grey; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: underline
	}
A.white:hover {
	FONT-SIZE: 11px; 
	COLOR: grey; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: underline
	}