.container{
  display:grid;
  grid-template-areas:
  "menu menu menu"
  "section1 section2 section3"
  "footer footer footer"
  ;
  
  height:100vh;    
  grid-template-columns:1fr 1fr 1fr;
  grid-template-rows: auto auto auto;
  background-color:white;
  padding:5px;
  margin:0;

  font-size:1.5vw;
}

.container > div.menu {
  display:flex;
  grid-area:menu;
}

.logo{
  padding:0rem;
}

.menu-contents{
  padding:4rem;
}

.menu-contents a{
  color:black;
  text-decoration:none;
  font-weight:bold;
  font-family:"Times New Roman", Times, serif;
  padding:4rem;
}

.container > div.menu img{
  grid-area:menu;
  width:150px;
  height:150px;
}

.container > div.section1{
  grid-area:section1;

}

.container > div.section2{
  grid-area:section2;

}

.container > div.section3{
  grid-area:section3;
}

#department1{
  width:100%;
  height:100%;
  border-radius:10%;
}

#department2{
  width:100%;
  height:100%;
  border-radius:10%;
}

#department3{
  width:100%;
  height:100%;
  border-radius:10%;
}

.container > div.section1, div.section2, div.section3{
  background-color:silver;
  opacity:50%;
  text-align:center;
  border:none;
  border-radius:10%;
  margin:2rem;

}

.container > div.footer{
  background-color:whitesmoke;
  color:black;
  grid-area:footer;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  font-family:"Times New Roman", Times, serif;
}