#filesFrame {width: 100%; float: left; margin: 0; padding: 20px 0; background-color: #f1f1f1; color: #0094c1; font-size: 16px; font-weight: 400;}
#filesFrame h3 {margin: 15px 0 15px 0; padding: 0; font-size: 26px; text-align: center;}
#filesFrame .files {width: 100%; float: left; margin: 0; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center;}
#filesFrame .files .file {max-width: 200px; margin: 20px 40px; padding: 60px 0 0 0; text-align: center; align-items: center; background-repeat: no-repeat; background-position: center top; background-size: 50px auto;}
#filesFrame .files .file:HOVER {text-decoration: underline;}
#filesFrame .files .file.jpg {background-image: url('/images/icon/icon-jpg.png');}
#filesFrame .files .file.png {background-image: url('/images/icon/icon-jpg.png');}
#filesFrame .files .file.doc {background-image: url('/images/icon/icon-doc.png');}
#filesFrame .files .file.docx {background-image: url('/images/icon/icon-doc.png');}
#filesFrame .files .file.xls {background-image: url('/images/icon/icon-xls.png');}
#filesFrame .files .file.xlsx {background-image: url('/images/icon/icon-xls.png');}
#filesFrame .files .file.rar {background-image: url('/images/icon/icon-rar.png');}
#filesFrame .files .file.zip {background-image: url('/images/icon/icon-rar.png');}
#filesFrame .files .file.pdf {background-image: url("/images/icon-pdf.svg");}