body {
	background: #cccccc;
	font-size:20px;
	line-height: 27px;
	color: #000;
	margin: 0;
	padding: 0;
	word-wrap:break-word !important;
	font-family: Helvetica, sans-serif;
}
main {
  background-color: #E5E5E5;
  border-width = 2;
  padding: 12px;
}
.container{
  width:100%;
  max-width:960px;
  margin: 0px auto;
  background-color: #565656;
}
.responsive {
  max-width: 100%;
  height: auto;
}
.lnkstyle:link {
	color: #505050;
	text-decoration: underline;
	font-family:  Helvetica, sans-serif; /* Menu font */
	font-size: 12pt;
}
	.cards {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

@media all and (min-width: 1200px) {
.container{
  width:100%;
  max-width:85%;
  margin: 0px auto;
  background-color: #9d9d9d;
}
h1 {
	color: black;
  	font-weight:normal;
	text-decoration: none;
  	font-family: Helvetica, sans-serif; /* Menu font */
	font-size: 13pt;
  	margin-right: 15px;
  	margin-left: 15px;
}
.lnkstyle:link {
	color: #505050;
	text-decoration: underline;
	font-family:  Helvetica, sans-serif; /* Menu font */
	font-size: 12pt;
}
 .cards img {
    margin: 10px;
    border: 1px solid #000;
    box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3); 
    max-width: 12vw;
  }
}
@media all and (min-width: 600px) and (max-width: 1200px) {
.container{
  width:100%;
  max-width:85%;
  margin: 0px auto;
  background-color: #828282;
}
h1 {
	color: black;
  	font-weight:normal;
	text-decoration: none;
  	font-family: Helvetica, sans-serif; /* Menu font */
	font-size: 11pt;
  	margin-right: 15px;
  	margin-left: 15px;
}
.lnkstyle:link {
	color: #505050;
	text-decoration: underline;
	font-family:  Helvetica, sans-serif; /* Menu font */
	font-size: 11pt;
}
 .cards img {
    margin: 10px;
    border: 1px solid #000;
    box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3); 
    max-width: 17vw;
  }
}
@media all and (max-width: 600px) {
.container{
  width:100%;
  max-width:100%;
  margin: 0px auto;
  background-color: #828282;
}
h1 {
	color: black;
  	font-weight:normal;
	text-decoration: none;
  	font-family: Helvetica, sans-serif; /* Menu font */
	font-size: 9pt;
  	margin-right: 15px;
  	margin-left: 15px;
}
.lnkstyle:link {
	color: #505050;
	text-decoration: underline;
	font-family:  Helvetica, sans-serif; /* Menu font */
	font-size: 9pt;
}
  .cards img {
    margin: 10px;
    border: 1px solid #000;
    box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3); 
    max-width: 35vw;
  }
}