.container {
  display: grid;
  grid-template-areas:
    "header header header"
    "event content side"
    "footer footer footer";
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto 1fr auto;
  grid-gap: 10px;
  height: 100;
  width : 800px;
	}
header {
  grid-area: header;
}

event {
  grid-area: event;
  margin-left: 0.5rem;
  text-align: left;
}

main {
    grid-area: content;
    width:50%;
	min-width : 650px;
	text-align: left;
	}

}

aside {
  grid-area: side;
  width:320px;
}

footer {
  grid-area: footer;
}
@media (max-width: 768px) {

  event, aside {
    margin: 0;
  }
  .container {
    grid-template-areas:
      "header"
      "event"
      "content"
      "side"
      "footer";

    grid-template-columns: 1fr;
    grid-template-rows:
      auto /* Header */
      minmax(75px, auto) /* Event */
      1fr /* Content */
      minmax(75px, auto) /* Sidebar */
      auto; /* Footer */
  }
}
.logo {
    margin-left: 50px;
    margin-right: 50px;
    display: block;
    float: left;
    clear: none;
    text-align: center;
}
.liveresults {
    margin-left: 25px;
    margin-right: auto;
    display: block;
    float: none;
    clear: none;
    /* [disabled]list-style-position: inside; */
}