.jpg-page {
    width:100%;
    margin: 5px;
}
.document {
    display: grid;
    grid-template-areas:
	"a b c"
	"d d d";
    grid-template-columns: repeat(3,33%);
    border: 1px solid black;
    border-radius: 4px;
    background: #ddd;
    width: calc( 99% - 10px );
    justify-content: space-between;
    padding-top: 3px;
    padding-bottom: 3px;
    margin:5px;
}
.document .date span, .document-title span {
    background: white;
    font-weight: bold;
    padding: 2px;
}
.document .date {
    grid-area: a;
}
.view-document{
    grid-area: b;
    text-align: center;
}    
.download-document {
    grid-area: c;
    text-align: right;
}
.document-title {
    margin-top: 1ex;
    grid-area: d;
    text-align: center;
}
.download-document, .view-document{
}
.download-document a, .view-document a{
    color: black;
    text-decoration: none;
    font-weight: normal;
    font-family: sans-serif;
    background: #5ff;
    border: outset 2px #fa0;
    text-align: center;
}
#dismiss {
    z-index: 10;
    position: fixed;
    right: 10px;
    background: red;
    color: white;
    font-size: 15px;
    font-weight: bold;
    font-family: sans-serif;
    text-decoration: none;
    width: 9ex;
}
#hint {
    font-style: italic;
    text-align: center;
}