/*ecram tablet vertical*/
@media (orientation: portrait) {
 .packduo{ position: absolute; width: 60%; margin-bottom: 30%; margin-left: 5% ; bottom: 0;} 
 .packduo1{ position: absolute; width: 50%; margin-bottom: 25%; margin-left: 45%; z-index: 50; bottom: 0; } 
 .logo_duo{ position: absolute; width: 65%; margin-bottom: 90%; margin-left: 20% ; bottom: 0;}   
    
}



/*ecram computador */
@media   (orientation: landscape) {
 .packduo{ position: absolute; width: 40%;   margin-bottom: 7%; margin-left: 20%;  bottom: 0; } 
 .packduo1{ position: absolute; width: 40%; margin-bottom: 5%; margin-left: 50% ; bottom: 0; z-index: 50 } 
 .logo_duo{ position: absolute; width: 30%; margin-bottom: 28%; margin-left: 60%; bottom: 0; }
 
}