/*Contains generic setup for 3 col (Menu + 2) pages*/

@media (min-width:481px) and (max-width:1000px) {
    h1 {font-size: 5vw;}
    #griddiv {
        display:grid;
        width:97%;
    }
    #cssmenu {
       width:20%;
       margin-top:0;
       position:absolute;
       left:-20%;
    }
    #cssmenu > ul > li > a  {
        font-size: 1.8vw;
    }
    #cssmenu ul ul li a {
        font-size: 1.7vw;
    }
    #menubtn {
          background: rgb(208,208,208);
          padding: 0;
          margin: 0;
          list-style: none;
          border-radius: 20px 20px 20px 20px;
          font-size: 1.8vw !important; 
          width:20%;
          display:block;
    }
}
@media (max-width:480px) {
    h1 {font-size: 6vw; width:80%;}
    #logo1, #logo2 {display:none; }
    #heading{
       text-align:center;
    }
    #griddiv {
        display:grid;
        width:97%;
    }
    #cssmenu {
       width:50%;
       margin-top:0;
       position:absolute;
       left:-50%;
    }
    #cssmenu ul li, #cssmenu ul li a {width:100%;}
    #cssmenu > ul > li > a  {
        font-size: 3.5vw;
    }
    #cssmenu ul ul li a {
        font-size: 3.4vw;
    }
    #menubtn {
          background: rgb(208,208,208);
          padding: 0;
          margin: 0;
          list-style: none;
          border-radius: 20px 20px 20px 20px;
          font-size: 1.3rem !important; 
          width:50%;
          display:block;
     }
}