.files, .file { width: 100%; float: left;}
.files { margin: 10px 0 0 0;}
.file { min-height: 24px; padding-left: 35px; background-repeat: no-repeat; background-position: left 0; font-weight: 400; }
.file A {position: relative; }
.file I {position: absolute; margin: -2px 0 0 4px; color: #666;}
.file.pdf { background-image: url("/images/icon/file-pdf.png"); }
.file.jpg { background-image: url("/images/icon/file-jpg.png"); }
.file.doc, .file.docx { background-image: url("/images/icon/file-doc.png"); }
.file.xls, .file.xlsx { background-image: url("/images/icon/file-xls.png"); }

@media screen and (min-width: 841px)
{
  .file { font-size: 15px; }  
}

@media screen and (min-width: 481px)
{
  .file:not(:last-child) { margin-bottom: 15px; }
}

@media screen and (max-width: 480px)
{
  .file:not(:last-child) { margin-bottom: 10px; }
}