@media (min-width: 766px) {
        
        .menuHamburguesa{
            text-align: right;
            position: fixed;
            left: 93%;
            top: 3%;
            z-index: 1; 
        } 
                
        .abrirMenuMovil{
            display: none; 
        }
        .abrirMenuDesk{
            display: block; 
            font-size:30px; 
            cursor:pointer;            
        }
                
        .opcMenu1{  
            display: flex; 
            justify-content: left; 
            align-items: center;
            background: #5417aa;    
            color: white;
            height: 25%;
        }                   
        .opcMenu2{
            display: flex; 
            justify-content: left; 
            align-items: center;    
            background: #7b40d5;                        
            color: white;
            height: 25%;
        }                       
        .opcMenu3{              
            display: flex; 
            justify-content: left; 
            align-items: center;    
            background: #80dcde;                    
            color: white;
            height: 20%;
        }                
                
    }       
    
    
    @media (max-width: 765px) {    
        
        .menuHamburguesa{
            text-align: right;
            position: fixed;
            left: 85%;
            top: 3%;
            z-index: 1; 
        }  
                
        .abrirMenuMovil{
            display: block; 
            font-size:30px; 
            cursor:pointer;
        }
        .abrirMenuDesk{
            display: none; 
        }
        
        .opcMenu1{  
            display: flex; 
            justify-content: center; 
            align-items: center;
            background: #5417aa;    
            color: white;
            height: 20%;
        }                   
        .opcMenu2{
            display: flex; 
            justify-content: center; 
            align-items: center;    
            background: #7b40d5;                        
            color: white;
            height: 20%;
        }                       
        .opcMenu3{              
            display: flex; 
            justify-content: center; 
            align-items: center;    
            background: #80dcde;                    
            color: white;
            height: 20%;
        }
                
        
    }

    
body {
  font-family: "Lato", sans-serif; 
}

    .LogoAgencia{
    	position: absolute; 
    	top: 4%;																		             				
        left: 3%;
        width: auto;
        z-index:1;
    } 
    
    
/* CONTENEDOR MENU */
.sidenav {
  height: 100%;
  width: 0;
  top: 0px;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  z-index: 100;
  position:fixed;
}

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

/* HOVER MENU */ 
.sidenav a:hover {
  color: #FFFFFF;
  font-weight: bold;
}

/* CERRAR MENU */
.sidenav .closebtn {
  position: fixed;
  top: 0px;
  font-size: 36px;
  left: 94%;
  display: none;
  z-index: 150;
}
                        
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}