/*===========================
      INIT MENU
    =============================*/
    #icon_menu{
                position: absolute;
                top:            3%;
                right:          3%;

                font-size:    40px; 
                cursor:    pointer;                                   
                z-index:         2;
                color:       white;
              }
    #mySidenav{
                z-index:         3;
              }

    .sidenav {
                height:           100%;
                width:               0;
                position:        fixed;
                z-index:             1;
                top:                 0;
                right:               0;
                background-color: #111;
                overflow-x:     hidden;
                transition:       0.5s;
                padding-top:      60px;
                z-index:          
              }

    .sidenav a{
                padding: 8px 8px 8px 32px;
                text-decoration: none;
                font-size:       25px;
                color:        #818181;
                display:        block;
                transition:      0.3s;
                cursor: pointer;
              }

    .sidenav a:hover {
                color: #f1f1f1;   
              }

    .sidenav .closebtn {
                position:  absolute;
                top:              10px;
                right:         30px;
                font-size:     36px;
                margin-left:   50px;
              }
    /*===========================
      END MENU
    =============================*/


    
/*@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
*/}