html, body {
  margin: 0;
  height: 100%;
  font-family: 'Roboto', sans-serif;
}
body {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 1fr;
  grid-template-areas: "nav" "main" "footer";
  grid-template-rows: 150px 1fr 80px;
}
nav {

  grid-area: nav;
}
nav .logo-wrap{
  
}

nav .logo{


  background-size: cover;
  margin-left:10px;
  margin-top:15px;
  height:135px;
}
main {
  position:relative;

  color:#fff;
  grid-area: main;
}

main .content{
  position:relative;
  z-index:2;
  color:#fff;
  background:#000000d0;
  border-radius:4px;

  margin-top:15px;
  height:calc(100% - 30px);
  padding:30px;
}
 #c{
  z-index:-1;
  background:#000;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;

}
footer {
  background-color: #000000a0;
  grid-area: footer;
}