* {
  box-sizing: border-box;
}
html, body   {
    max-width: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
}
img {
	max-width:100%;
	height:auto !important;
}
.grid-container3 {
	display:grid;
	width:100%;
	grid-template-columns:1fr 1fr;
	grid-template-rows:auto;
	grid-template-areas:
	"head2 head2"
	"title title"
	"left right"
	"crumb crumb"
	"footer footer"	
	;
}

.header50 {
  background-color:aqua;
  grid-area:head2;
  height: 40vh;
  background: url('../images/header.jpg') no-repeat center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
	
.head-title {
	text-align:center;
	grid-area:title;
	padding-top:20px;
}

.left1 {
	padding:2%;
	grid-area:left;
}

.right2 {
	padding:2%;
	grid-area:right;
}
.bcrumb {
	grid-area:crumb;
	text-align:center;
	
}

.footer1 {
	text-align:center;
	padding:2%;
	grid-area:footer;
	background-color:#4D4677;
	color:white;
	font-family: 'Maven Pro', sans-serif;
	width:100%;
}

.auto-style1 {
	border-width: 0px;
}


/* MOBILE MEDIA QUERIES iPad portrait */

@media screen and (max-width: 768px) {

.grid-container3 {
	display:grid;
	width:100%;
	grid-template-columns:1fr;
	grid-template-rows:auto;
	grid-template-areas:
	"head2"
	"title"
	"left"
	"right"
	"crumb"
	"footer"	
	;
}


}