/*

$fontbase = 17 (min-width = 1200px, 15 for 992px, 13 for 768px)
$baseline = 27 (min-width = 1200px, 24 for 992px, 21 for 768px)
$rembase = 10

line-height calculation:
$baseline / desired font-size = line-height (unitless)
eg. 27 / 17px = 1.588235294

*/

table {
    clear: both;
    border-spacing: 0px;
    border-collapse: collapse;
}
.table>tbody>tr>td .textmedia {
    padding: 8px;
    line-height: 1.588235294;
}
.navbar-brand > div, div.header-title p, div.header-author h5, div.header-author p {
    text-shadow: 0px 1px 2px #000;
}
img.multimedia {
    cursor: pointer;
}


div.imageModal img {
    margin: auto;
    display: block;
}
div.imageModal .close {
    line-height: inherit;
    font-size: inherit;
}
div.imageModal .close span {
    border: solid 1px #000000;
    border-radius: 12px; 
    padding: 0 5px;
    background: #ffffff;
}
div.imageModal div.modal-header {
    background: #205283;
    color: #ffffff;
    font-size: medium;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
img.multimedia+span.legend {
    position: relative;
    font-size: smaller;
}
div.modal-header h4 {
    font-size: inherit;
}
.modal-auto {
    width:auto;
}


/* Media Queries */
@media (max-width: 472px) {
    div.header-author h5 {
        font-size: 18px;
        font-size: 1.8rem;
    }
    div.header-author p {
        
    }
}