@charset "UTF-8";
@font-face { font-family: "Proxima Nova"; src: url("../fonts/ProximaNovaRegular.otf") format("opentype"); }
@font-face { font-family: "Proxima Nova"; font-weight: bold; src: url("../fonts/ProximaNovaBold.otf") format("opentype"); }
@font-face { font-family: "Source Serif Pro"; src: url("../fonts/SourceSerifPro-Regular.otf") format("opentype"); }
@font-face { font-family: "Source Serif Pro"; font-weight: bold; src: url("../fonts/SourceSerifPro-Bold.otf") format("opentype"); }
/* #Inherited Classes
––––––––––––––––––––––––––––––––––––––––*/
.content { margin: 0 auto; width: 1000px; max-width: calc(100% - 80px); padding: 0px 40px 0px 40px; }

.content--text { padding: 50px 40px 40px 40px; }

@media only screen and (max-width: 767px) { .content { flex-wrap: wrap; max-width: calc(100% - 30px); padding: 0 15px 0 15px; }
  .content--text { padding: 30px 15px 30px 15px; } }
.button { padding-top: 10px; padding-bottom: 20px; }
.button a { color: #889696; border: 2px solid #889696; border-radius: 4px; padding: 4px 10px 4px 10px; font-family: "Lato", "Proxima Nova", Helvetica, Arial, sans-serif; }
.button a:after { content: "→"; padding-left: 5px; vertical-align: bottom; }
.button a:hover { border: 2px solid #B8BDB5; color: #B8BDB5; }

.flex-wrapper { display: flex; }

#public-documents { display: flex; flex-wrap: wrap; }

.public-documents__document { width: calc(50% - 45px); background-color: white; padding: 8px 15px 8px 15px; margin: 0 15px 15px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 2px solid #E8EAE3; }

.public-documents__date { color: #B8BDB5; font-size: 0.9em; }

.public-documents__author { color: #889696; font-size: 1em; }