.banner2	{
  display: grid;
	grid-template-columns: 1fr;
  grid-gap: 5px;
  grid-template-areas:
   "banner_logo"
	 "banner_quote"
}
.banner_logo	{
		grid-area: banner_logo;
}
.banner_quote	{
		grid-area: banner_quote;
		align-self: center;
}
.contentwrapper {
	display: grid;
	grid-template-columns: 1fr;
  grid-gap: 5px;
	background-color: #f5f5f5;
	color: #2c2c2c;
  width: 99.9%;
	padding: 10px;
  grid-template-areas:
   "contentleft"
	 "sideright"
}
.contentleft{
	padding: 10px;
	margin: 0;
	border: 1px solid #A3C7F8;
	line-height: 1.4em;
}
.contentleft	{
	grid-area: contentleft;
}
.sideright	{
	grid-area: sideright;
}
img	{
	max-width: 100%;
	height: auto;
}
@media only screen and (min-width: 600px)  {
.banner2	{
	grid-template-columns: 40% 1fr;
  grid-template-areas:
   "banner_logo	banner_quote"
}
.contentwrapper {
	grid-template-columns: 1fr 30%;
  grid-template-areas:
   "contentleft	sideright"
}
}