.container {
  display: grid;
  grid-template-rows: 28,1% 26% 3% 28% 28% 3%;
  grid-template-columns: 3fr 2fr;
  grid-template-areas:
  'header header'
  'main aside'
  'footer footer'
  'menue menue'
  'video video'
  'end end'
  ;
  }
  .item-1{
  grid-area: header;
  }
  .item-2{
  color:#000000;
  grid-area: main;
  }
  .item-3{
  grid-area: aside;
  }
  .item-4{
  grid-area: footer;
  background-image:url(bkgray.jpg);
  }
   .item-5{
  grid-area: menue;
  }
    .item-6{
  grid-area: video;
    height: 100%;
}
  .item-7{
  grid-area: end;
  height:100%;
  background-color:#000000;
  
  }
  
  .iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#pre-loader{ background:#66cccc  url(loader.gif) no-repeat center center; 
background-sice: 10%; 
height: 100vh;
width: 100%;
position: fixed;
z-index: 100;
}