*{box-sizing:border-box;margin:0;padding:0}
body,html{
	height:100vh;
	width:100%;
	letter-spacing:1px;
	background: rgb(20, 20, 20);
	font-family: Tahoma;
	color: white;
	font-size:16px;
	line-height:1.6;
	font-weight:normal;
	text-rendering: optimizeLegibility;
 background-image: url("web.jpg");background-size: cover;	background-repeat: no-repeat;background-position: center center;
}

h1{
 text-align: center;
 color: white;
 font-size: 3vw;
}


.master-grid{display:grid;	grid-template-columns:repeat(auto-fit,minmax(100px,1fr));
	grid-template-areas:
 "hero"
}

@media only screen and (min-width:981px){
	.master-grid{		display:grid;		grid-template-columns:repeat(auto-fit,minmax(100px,1fr));
grid-template-areas:
"hero hero"
 }

}


.hero{
 grid-area: hero;
 margin-top: 50px;
}