#recent-documents { background-color: #f9eaa1; padding: 0 3% 14px; }
#recent-documents h3 { background-color: #f5da5a; color: #06aed5; font-family: "Anton",sans-serif; font-size: 1.6em; height: 62px; left: 0; line-height: 62px; margin: 0; position: absolute; top: 0; width: 100%; }
#recent-documents h3 i { background-color: #f0c808; height: 100%; line-height: 62px; margin-right: 16px; text-align: center; vertical-align: top; width: 70px; }
#recent-documents ul { margin: 0; padding-top: 70px; }
#recent-documents li { border-bottom: 1px solid #086788; line-height: 1.4em; padding: 14px 40px 10px; position: relative; }
#recent-documents li span { display: block; font-size: .8em; font-weight: 700; }
#recent-documents li a { font-size: 1.2em; }
#recent-documents li i { font-size: 1.5em; left: 8px; position: absolute; top: 14px; }
#recent-documents > a { background-color: #06aed5; color: #fff; display: block; font-size: 1.1em; margin: 44px auto 12px; padding: 7px 0; text-align: center; width: 90%; }
#recent-documents > a:hover { color: #f9eaa1; transition: .1s; }
#recent-documents .fa {color:#086788;}

@media screen and (max-width: 1024px) {
    #recent-documents { height: auto; }
    #recent-documents > a { margin: 18px auto 6px; position: static; }
}

@media screen and (max-width: 600px) {
    #recent-documents h3 { font-size: 1.3em; height: 46px; line-height: 48px; }
    #recent-documents h3 i { line-height: 48px; }
    #recent-documents ul { padding-top: 44px; }
    #recent-documents li { padding-left: 34px; }
    #recent-documents li a { font-size: .95em; line-height: 1.1em; }
    #recent-documents li i { font-size: 1.1em; top: 18px; }
    #recent-documents > a { font-size: .9em; padding: 5px 0; width: 70%; }