/*
main { display: grid; grid-template-columns: 20% 55% 25%; grid-template-rows: 55px 1fr; } 

nav { background: blue; grid-row: 1; grid-column: 1 / 4; } 
section { background: grey; grid-column: 1 / 2; grid-row: 2; position: sticky; top: 0; left: 0; } 
article { background: yellow; grid-column: 2 / 4; } article p { padding-bottom: 1500px; }
*/
#maingrid {

     
display: grid;
  grid-template-areas: 
    "h h h"
    "m m m"
    "n a d"
    "f f f";

/*    overflow: hidden; */
  overflow : auto;
  grid-template-rows: 30px 30px 1fr 40px ;  
  grid-template-columns:  50px  10fr  244px ;
  grid-row-gap: 0px;
  grid-column-gap: 0px;
  height: 100vh;

  width: 100%;
  margin: 0px;
  }  

@media all and (max-width: 500px) {
  #maingrid  { 
    grid-template-areas: 
      "h"
      "m"
      "a"
      "d"
      "n"
      "f"  ;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr ;  
    grid-template-columns: 1fr; 
  grid-row-gap: 0px;
  grid-column-gap: 0px;
/*  height: 10000px; */

  width: 100%;
  margin: 0px;

 }

#fix01 {

position:static;
}
}


.mainHead {  grid-area: h; 

  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size : 20px;
  position: fixed;
  cursor : pointer;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 30px;
  max-height: 1000000px;
  padding : 0;
  padding-left : 0px;
  margin : 0;
  background:    linear-gradient(to right, #127785,#6e45e2);
  
  color : white;
  grid-area: h; background: #969696; position: sticky; top: 0; left: 0; z-index : 2;
}

/*.mainHead { grid-area: h; background: #969696; position: sticky; top: 0; left: 0; z-index : 2;  } */
.mainMenu { grid-area: m; background: #7d7d7d; position: sticky; top: 30px; left: 0; z-index : 2; 
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;  

}

#mainArticle 
{ grid-area: a; 

background: #E2E2E2;/*#7c7c7c */  
background-image: url(f2-min.jpg); 
/*
min-width: 100%;
    min-height: 100%;
*/
 background-size: cover;
/*background-position: center;
background-size: auto ;*/
}

#mainNav { grid-area: n; 
    border-right: 2px solid #7c7c7c;  


background: #436625;
background: linear-gradient(to top, #888461,#F2E2A9);
/*background-image: url(f2-min1.jpg); */
background-size: auto auto;
}



iframe {

width : 240%;
height : 240%;
text-align: center;
background: white;  


        -ms-zoom: 0.4;
        -moz-transform: scale(0.4);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.4);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.4);
        -webkit-transform-origin: 0 0;

    }

#siteAds { 
grid-area: d;     

border-left: 2px solid #7d7d7d;  
overflow: hidden;
background: white;  


background-image: url(f2-min.jpg); 
background-color: rgba(255, 255, 255, 0.9);

background-position: center;
background-size: auto ;


}

#pageFooter { grid-area: f;
font-size: 18px;
padding : 5px;
background: #707070;
color: #afafaf;
text-align: right;
  

}