.files {width: 100%; float: left; margin: 10px 0px;}
.files h2 {width: 100%; margin: 20px 0; padding: 10px 0; background-color: #f2f2ee; font-size: 28px; font-weight: 500; text-align: center; text-transform: uppercase;}
.files .list {width: 100%; float: left; display: flex; flex-direction: column;}
.files .file {width: auto; height: auto; min-height: 60px; padding: 0px 0px 0px 70px; display: flex; align-items: center; clear: both; margin: 10px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.files .file {background-size: 50px auto; background-position: left center; background-repeat: no-repeat; font-size: 18px; font-weight: 700;}
.files .file a:hover {text-decoration: underline; color: #e30d26;}
.files .file.jpg {background-image: url('/images/icon/icon-jpg.png');}
.files .file.png {background-image: url('/images/icon/icon-jpg.png');}
.files .file.doc {background-image: url('/images/svg/ico-doc.svg');}
.files .file.docx {background-image: url('/images/svg/ico-doc.svg');}
.files .file.xls {background-image: url('/images/svg/ico-xls.svg');}
.files .file.xlsx {background-image: url('/images/svg/ico-xls.svg');}
.files .file.rar {background-image: url('/images/icon/icon-rar.png');}
.files .file.zip {background-image: url('/images/icon/icon-rar.png');}
.files .file.pdf {background-image: url('/images/svg/ico-pdf.svg');}