.container {  display: grid;
  width:100%;
max-width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-template-columns: 0.6fr 1.8fr 1.0fr 0.6fr;
  grid-template-rows: 0.1fr 1.7fr 1.3fr 0.7fr;
  grid-auto-flow: row;
  grid-template-areas:
    "Top Top Top Top"
    "LeftCol Menu1 Logo RightCol"
    "LeftCol Menu1 Logo RightCol"
    "Bottom Bottom Bottom Bottom";
}

.RightCol { grid-area: RightCol; }

.LeftCol { grid-area: LeftCol; }

.Logo { grid-area: Logo; margin-top: 15%; }

.Menu1 { grid-area: Menu1; }

.Top { grid-area: Top; }

.Bottom { grid-area: Bottom; }