@media (max-width: 600px) {
  body > .content  {
    width: 100%;
  }
  
  .cloud-icon{
	  width: 6em;
	  height: 4em;
  }
  
  .header h1{
	  font-size: 24px;
  }
  
  .download input,
  .upload input
  {
	  width: 100%;
	  margin-bottom: 10px;
  }
  
  .upload p input[type="submit"]{
	  width: 100%;
  }
  #uploadContainer  {
    display: flex;
    flex-direction: column;
	justify-content: space-between;
	min-height: 140px;
  }
  
   #uploadContainer > p {
    display: none;
  }
  
  #uploadContainer input[type="button"]{
	  width: 100%;
  }
  
  .uploaded-items li {
    padding: 0px 0 25px 0;
    display: flex;
    flex-direction: column;
    border-bottom: 1px dashed #666;
   }
  
  .uploaded-items li .second-row p {
    margin: 2px 0;
    font-size: 12px;
    margin: 10px 0 10px 0;
  }
  
  .uploaded-item-modal {
    padding: 10px 10px;
    background: #dedede;
    width: 100%;
   }
   
   .uploaded-item-modal .delete-info-section h3{
	   font-size: 16px;
   }
   
  .uploaded-item-modal .actions, .uploaded-item-modal .delete-actions {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
  }
   
  .uploaded-item-modal input[type="button"]{
	width: 100%;
	margin-bottom: 15px;
  }
  
  .uploaded-item-modal input[type="text"]{
	width: 100%; 
  }
  
  .uploaded-item-modal .update-section .section-info {
    display: flex;
    flex-direction: column;
  }
  
  .uploaded-item-modal .section-info .value {
    flex: 3 0 0px;
  }
  
  .modal div.dialog{
	  width: 100%;
  }
  
  .footer{
	  width: 100%;
	  left:0;
	  bottom: calc(-1.0 * var(--content-padding));
  }
}