.logo1 {
    width:30%;
    padding-top:1%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}


.logo2 {
    width:30%;
     display:block;
    margin-left:auto;
    margin-right:auto;
   
}




/*MEDIA QUERIES*/


@media only screen and (max-width: 600px) {
    
    .logo1 {
    width:75%;
    
    padding-left:20px;
    padding-right:20px;
}


.logo2 {
    width:75%;
    padding-left:20px;
    padding-right:20px;
}
   
}


    .title {

     width:100%;

    }




    .form-signin {

        width:100%;
       
     
     }


  .upload {
   text-align:center;
   width:100%;
  }
  
  .downloads {
      text-align:center;
      width:100%;
      margin:10%;
     
  }
      #logo {

        width:100%;
        padding-bottom:3%;
    }
      


  }


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 


    .form-signin {

        width:100%;
       
     
     }
    
    #tab_delete_ipad {
    
    position:absolute;
    bottom:0;
    background-color:red;
    width:100%;
    left:0;
    color:white;
    font-weight:bold;
    padding:2%;
    display:block;
}

#logo {

    width:100%;
    padding-bottom:3%;
}

    #tab_delete_desktop {
    
    display:none;
}






    
       #tab_downloads {
  display:none;
    
}





#tab_delete {
    
    display:none;
    
    

}


#tab_signout {
    
display:none;
    
}


     
        .download {
        
    width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
   
   
    }
    
        
    .upload {
        
    width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
   
   
    }
    
    
   .row {
       
        width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
       
       
   }
   
   #info-text, #info-text_1 {
       
           width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  
       
       
   }
    
    
    
    
    
    
}
    
    
    
    
    

@media only screen 
and (min-device-width : 1600px) {
    
   
    .download {
        
    width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
   
   
    }
    
        
    .upload {
        
    width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
   
   
    }
    
    
   .row {
       
        width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
       
       
   }
   
   #info-text, #info-text_1 {
       
           width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
       
       
   }
   
   
    
}