h2 {
  color: black;
  margin: 0;
	padding: 0px;
  font-weight: 900;
}

main {
  margin: 10px;
}

#news-icon {
  width: 50px;
  float: left;
  margin: 10px 10px 0 0;
}

#heading{
  margin: 5px 0 50px 0;
}

.container {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: auto, 100px, minmax(100px, auto);
  grid-gap: 10px;
  grid-template-areas:
    "header header header header header"
    "nav nav nav nav nav"
    "main main main main main"
    "main main main main main"
    "footer footer footer footer footer";
}

@media screen and (min-width: 768px) {
	.container {
	  grid-template-areas:
	    "header header header header header"
	    "nav nav nav nav nav"
      "main main main main main"
      "main main main main main"
	    "footer footer footer footer footer";
	}
}