/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
progress {
    vertical-align: baseline;
}
template,
[hidden] {
    display: none;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
    outline-width: 0;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: inherit;
}
b,
strong {
    font-weight: bolder;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background-color: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
button,
input,
select,
textarea {
    font: inherit;
    margin: 0;
}
optgroup {
    font-weight: bold;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
@media screen {
    * {
        box-sizing: border-box;
    }
    html {
        font-family: sans-serif;
        font-weight: 400;
        background-color: #000;
        font-size: 16px;
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: transparent;
    }
    body {
        font-family: "Mada", sans-serif;
        font-size: 16px;
        line-height: 1.6;
        margin: 0;
        padding: 0;
        font-weight: 400;
        font-style: normal;
        background-color: #f7f6f3;
        text-rendering: optimizeLegibility !important;
        -webkit-font-smoothing: antialiased !important;
        color: #000;
        position: relative;
    }
    .row {
        display: flex;
        flex-wrap: wrap;
        margin-right: 15px;
        margin-left: 15px;
    }
    .col-auto {
        width: 100%;
        text-align: right;
    }
    .border-top {
        border-top: 1px solid #dddcdb;
    }
    .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .container .row {
        margin-right: -9px;
        margin-left: -9px;
    }
    .container .col {
        padding-left: 9px;
        padding-right: 9px;
        width: 100%;
        position: relative;
    }
    .container .col-md-2,
    .container .col-md-3,
    .container .col-md-4,
    .container .col-md-5,
    .container .col-md-6,
    .container .col-md-7,
    .container .col-md-8,
    .container .col-md-9,
    .container .col-md-10,
    .container .col-md-11 {
        padding-left: 9px;
        padding-right: 9px;
        position: relative;
        width: 100%;
    }
    .content-width {
        width: 100%;
    }
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: plantin, serif;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 0.5rem;
    }
    h1 {
        font-size: 2.5rem;
        line-height: 1.2;
        font-family: plantin, serif;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 0.5rem;
    }
    h2 {
        font-size: 2rem;
        line-height: 1.2;
    }
    h3 {
        font-size: 1.5rem;
        line-height: 1.2;
        margin-bottom: 1rem;
    }
    h4 {
        font-size: 1.5rem;
        line-height: 1.2;
    }
    h5 {
        font-size: 1.25rem;
        line-height: 1.2;
    }
    h6 {
        font-family: "Mada", sans-serif;
        font-weight: 700;
        font-size: 1.125rem;
        line-height: 1.2;
        letter-spacing: -0.1px;
    }
    .big-title {
        font-size: 1.875em;
        line-height: 1.2;
        letter-spacing: -0.4px;
        font-family: plantin, serif;
        font-weight: 600;
    }
    .small-title,
    #content #collection-tree > ul > li > a {
        font-size: 1.125em;
        line-height: 1.556;
        font-weight: 700;
        letter-spacing: -0.1px;
        border-bottom: none;
    }
    .alt-title {
        font-family: "Mada", sans-serif;
        font-weight: 700;
    }
    #content #collection-tree > ul > li > a:hover {
        border-bottom: 1px solid #000;
    }
    p {
        font-size: 1em;
        line-height: 1.667;
        font-weight: 400;
        letter-spacing: -0.1px;
        margin-bottom: 20px;
    }
    p.p-small {
        font-size: 0.813em;
        line-height: 1.769;
        font-weight: 400;
        letter-spacing: normal;
    }
    p.p-large,
    h3.p-large {
        font-size: 1.125em;
        line-height: 1.556;
        letter-spacing: -0.2px;
    }
    p.p-large {
        font-family: plantin-condensed, serif;
    }
    a {
        text-decoration: none;
        color: #000;
        transition: all 0.5s ease;
    }
    p a,
    span a,
    #content ul a,
    #content ol a {
        border-bottom: 1px solid #000;
    }
    p a:hover,
    span a:hover,
    #content ul a:hover,
    #content ol a:hover {
        color: #b68f72;
        border-bottom-color: #b68f72;
        text-decoration: none;
    }
    p,
    ul {
        margin-top: 0;
        margin-bottom: 1rem;
    }
    img {
        image-orientation: from-image;
    }
    .background-beige-1 {
        background-color: #f7f6f3;
    }
    .background-beige-2 {
        background-color: #f0ede8;
    }
    .background-beige-3 {
        background-color: #ebe7e0;
    }
    .background-beige-4 {
        background-color: #e6e1d8;
    }
    .text,
    section.tags {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .intro {
        position: relative;
        background-color: #f7f6f3;
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .intro .container {
        height: 100%;
        position: relative;
        z-index: 2;
    }
    .intro-two {
        border-top: 1px solid #dddcdb;
        padding: 21px 0 24px;
    }
    button,
    a.button,
    .item-show-related .element-text a,
    .item-show-tags .element-text a {
        padding: 11px 33px 10px 33px;
        min-height: 52px;
        border-radius: 30px;
        line-height: 1.556;
        font-weight: 600;
        letter-spacing: -0.1px;
        position: relative;
        display: inline-block;
        text-decoration: none;
        border: none;
        transition: all 0.5s ease;
    }
    button:hover,
    a.button:hover,
    .item-show-related .element-text a:hover,
    .item-show-tags .element-text a:hover {
        text-decoration: none;
        opacity: 0.7;
        border-bottom: none;
        cursor: pointer;
    }
    button.blue,
    a.button.blue,
    .item-show-related .element-text a.blue,
    .item-show-tags .element-text a.blue {
        background-color: #c3d4d6;
    }
    button.bg-white,
    a.button.bg-white,
    .item-show-related .element-text a.bg-white,
    .item-show-tags .element-text a.bg-white {
        background-color: #fff;
    }
    button.bg-beige,
    a.button.bg-beige,
    .item-show-related .element-text a.bg-beige,
    .item-show-tags .element-text a.bg-beige {
        background-color: #d3c7b9;
    }
    button.bg-primary-color,
    a.button.bg-primary-color,
    .item-show-related .element-text a.bg-primary-color,
    .item-show-tags .element-text a.bg-primary-color {
        background-color: #b68f72;
        color: #000;
    }
    button.bg-black,
    a.button.bg-black,
    .item-show-related .element-text a.bg-black,
    .item-show-tags .element-text a.bg-black {
        background-color: #000;
        color: #fff;
    }
    a.alt-button {
        padding: 0;
        min-height: auto;
        border-radius: 0;
        font-size: 1.125em;
        line-height: 1.556;
        font-weight: 700;
        letter-spacing: -0.1px;
        position: relative;
        display: inline-block;
        text-decoration: none;
        border: none;
    }
    a.alt-button:hover {
        opacity: 1;
        padding: 0;
    }
    a.alt-button:after {
        content: "\279B";
        margin-left: 15px;
        border-radius: 18px;
        background: #ebe7e0;
        color: #333333;
        padding: 8px 10px;
        transition: all 0.5s ease;
    }
    a.alt-button:hover::after {
        opacity: 1;
        background: #c3d4d6;
    }
    .simple-button {
        padding: 0;
        min-height: auto;
        border-radius: 0;
        font-size: 1.125em;
        line-height: 1.556;
        font-weight: 700;
        letter-spacing: -0.1px;
        position: relative;
        display: inline-block;
        text-decoration: none;
        border: none;
    }
    .simple-button:hover {
        opacity: 1;
        padding: 0;
        border-bottom: 1px solid #000;
    }
    .button-white {
        background-color: #fff;
        border: 1px solid #dddcdb;
    }
    fieldset {
        border: 0;
        padding: 0;
    }
    input,
    textarea,
    button,
    select {
        font-family: "Mada", sans-serif;
        margin: 0;
    }
    select {
        width: 100%;
        height: 40px;
        appearance: none;
        padding: 0 16px 0 16px;
        font-family: "Mada", sans-serif;
        border: 1px solid #dddcdb;
        border-radius: 3px;
        background: #000 url("../img/select-arrow.svg") right 0.8 center no-repeat;
        background-size: 1.5vmin;
        font-size: 14px;
    }
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="url"],
    input[type="number"],
    input[type="date"],
    input[type="datetime-local"],
    textarea {
        width: 100%;
        appearance: none;
        border-bottom: 1px solid #dddcdb;
        background-color: #fff;
        padding: 0.4;
    }
    input[type="text"],
    textarea,
    input[type="password"] {
        border-width: 0 0 1px 0;
        padding: 0 12px 0 16px;
        font-size: 14px;
        border-radius: 4px 4px 0 0;
    }
    input[type="text"]:hover,
    textarea:hover,
    input[type="password"]:hover {
        background: #f7f6f3;
        border-bottom: 1px solid #575656;
    }
    input[type="text"]:focus,
    textarea:focus,
    input[type="password"]:focus {
        outline: none;
        border-bottom: 2px solid #b68f72;
        background: #fff;
    }
    input[type="text"]:active,
    textarea:active,
    input[type="password"]:active {
        outline: none;
        border-bottom: 2px solid #575656;
        background: #fff;
    }
    input[type="text"],
    input[type="password"] {
        height: 40px;
    }
    input[type="submit"] {
        appearance: none;
        font-family: "Mada", sans-serif;
        cursor: pointer;
        border: none;
        background-color: #000;
        color: #fff;
        padding: 11px 33px 10px 33px;
        height: 52px;
        border-radius: 30px;
        font-size: 1.125em;
        line-height: 1.556;
        font-weight: 700;
        letter-spacing: -0.1px;
        position: relative;
        display: inline-block;
        text-decoration: none;
        border: none;
    }
    input[type="submit"]:hover {
        text-decoration: none;
        opacity: 0.7;
    }
    [type="submit"] {
        margin: 8px 0 0 0;
        border: none;
    }
    input[type="radio"],
    input[type="checkbox"] {
        margin-right: 0.4;
    }
    form .field {
        margin-bottom: 32px;
    }
    form .field label,
    form .field .label {
        font-family: "Mada", sans-serif;
        margin-bottom: 8px;
        display: block;
    }
    form .field .explanation {
        margin-bottom: 0.4;
    }
    form .field > input[type="checkbox"] + label {
        width: auto;
        margin: 0 0 0 0.4;
    }
    table {
        margin: 3.2 0;
        width: 100%;
        border-collapse: separate;
        border-spacing: 0.2;
    }
    th:not(:empty) {
        background-color: #000;
        color: #ccc;
        text-align: left;
    }
    td,
    th {
        padding: 0.4 0.8;
    }
    td {
        background-color: #f7f7f7;
    }
    nav ul {
        list-style: none;
        padding-left: 0;
    }
    nav li {
        list-style-type: none;
    }
    .secondary-nav ul {
        margin: 0 0 1.6;
    }
    .secondary-nav li a {
        background-color: #b68f72;
        font-family: plantin, serif;
        font-weight: 400;
        color: #000;
        padding: 0.4 0.8 0;
        font-size: 2.25vmin;
        display: block;
    }
    .pagination-nav {
        padding-top: 1.6;
    }
    .pagination {
        font-size: 1em;
        font-family: "Mada", sans-serif;
        margin-top: 30px;
        text-align: center;
    }
    .pagination li {
        display: inline-block;
    }
    .pagination input[type="text"] {
        width: 60px;
        text-align: center;
        height: 45px;
        font-family: "Mada", sans-serif;
        font-size: 1em;
        background-color: #e7e2d9;
        font-weight: 700;
        border: none;
        margin-right: 10px;
        margin-left: 10px;
    }
    #content ul.pagination a {
        font-family: "Mada", sans-serif;
        color: #000;
        opacity: 1;
        padding: 5px 10px 0;
        display: block;
        background-color: transparent;
        border-bottom: none;
        min-width: 45px;
        height: 45px;
        background: #e6e1d8;
        border-radius: 20px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 10px;
    }
    #content ul.pagination a:hover {
        background: #c3d4d6;
    }
    .pagination_previous a:before {
        content: "";
        font-family: "Font Awesome 5 Free";
        margin: 0 5px;
    }
    .pagination_next a:before {
        content: "";
        font-family: "Font Awesome 5 Free";
        margin: 0 5px;
    }
    .item-pagination {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font-family: "Mada", sans-serif;
        font-size: 2.25vmin;
    }
    .item-pagination a {
        background-color: #b68f72;
        padding: 0.4 0.8;
    }
    #scripto-account-bar {
        background: #000;
        width: 100%;
        color: #fff;
        text-align: right;
        padding: 10px 7.25%;
        top: 0;
        left: 0;
        margin: 0;
    }
    #scripto-account-bar ul {
        line-height: 1.5;
        margin: 0;
        list-style: none;
        padding-left: 0;
    }
    #scripto-account-bar li {
        display: inline;
        width: auto;
        margin: 0;
        padding: 0;
        position: relative;
        list-style-type: none;
    }
    #scripto-account-bar li a,
    #scripto-account-bar li a:link,
    #scripto-account-bar li a:visited {
        font-family: "Mada", sans-serif !important;
        color: #b68f72 !important;
        text-transform: uppercase;
        letter-spacing: 1.09px;
        font-size: 12px;
        border-bottom: 1px solid transparent;
        text-decoration: none;
        padding: 0 1em 0 0;
        display: inline-block;
        border: 0;
        font-weight: 600;
    }
    #scripto-account-bar li a:hover,
    #scripto-account-bar li a:link:hover,
    #scripto-account-bar li a:visited:hover {
        border-bottom: 1px solid #b68f72;
    }
    #wrap {
        position: relative;
    }
    #skipnav {
        display: none;
    }
    #site-title {
        font-family: plantin, serif;
        padding: 0;
        width: auto;
    }
    #site-title img {
        max-height: 60px;
        width: auto;
        position: absolute;
        top: 0;
        z-index: 12;
    }
    header {
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        background-color: #f7f6f3;
    }
    header .row {
        justify-content: space-between;
        align-items: center;
        height: 87px;
    }
    header > * {
        vertical-align: top;
    }
    header a {
        color: #000;
    }
    nav.main-menu {
        display: none;
    }
    #top-nav .menu-toggle,
    .search-toggle {
        color: #000;
        cursor: pointer;
        border: 0;
        font-weight: 400;
        float: right;
        font-size: 32px;
        background: transparent;
    }
    #top-nav .menu-toggle:before {
        content: "";
        font-family: "Font Awesome 5 Free";
    }
    .search-toggle:before {
        content: "";
        font-family: "Font Awesome 5 Free";
    }
    .mobile #search-form,
    #top-nav > ul {
        position: absolute;
        top: calc(100% + 9px);
        left: -7.25%;
        right: -7.25%;
        background-color: #fff;
        z-index: 11;
        margin: 0;
        padding-top: 40px;
        padding-bottom: 250px;
        text-align: left;
        max-height: 100vh;
        overflow-y: auto;
        color: #000;
        vertical-align: top;
        order: 1;
    }
    #top-nav a {
        color: #000;
    }
    .mobile #search-form.closed,
    #top-nav.closed > ul {
        display: none;
    }
    #top-nav li {
        list-style-type: none;
    }
    #top-nav > ul > li {
        font-family: "Mada", sans-serif;
        padding-left: 60px;
        padding-right: 60px;
        border-bottom: 1px solid #dddcdb;
    }
    #top-nav > ul > li > a {
        color: #000;
        font-weight: 700;
        font-size: 18px;
        display: inline-block;
        padding-bottom: 11px;
        padding-top: 11px;
    }
    #top-nav > ul > li li {
        font-family: "Mada", sans-serif;
        font-size: 18px;
    }
    #top-nav > ul > li li a {
        padding-top: 11px;
        padding-bottom: 11px;
    }
    #top-nav > ul > li li:not(:last-of-type) {
        margin-bottom: 4px;
    }
    #top-nav ul ul {
        padding-left: 0;
    }
    #top-nav ul ul ul li {
        font-size: 18px;
    }
    #top-nav ul ul ul li:before {
        content: "\2014";
        margin-right: 0.4;
    }
    .mobile #search-form {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        padding-top: 20vh;
    }
    .mobile #search-form input[type="text"] {
        border: 0;
        border-bottom: 3px solid #fff;
        background-color: transparent;
        color: #fff;
        display: inline-block;
        width: 50%;
        margin-right: 0.8;
        font-size: 6vmin;
        height: 9vmin;
        padding: 0;
    }
    .mobile #search-form button[type="submit"] {
        background-color: transparent;
        border: 3px solid #fff;
        color: #fff;
        display: inline-block;
        cursor: pointer;
        font-size: 6vmin;
        height: 9vmin;
        padding-left: 0.4;
        padding-right: 0.4;
        margin: 0;
        line-height: 0;
        order: 2;
        text-indent: -9999px;
    }
    .mobile #search-form button[type="submit"]:before {
        content: "\f002";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        right: 20px;
        text-align: center;
        text-indent: 0;
    }
    .mobile #advanced-form {
        order: 3;
        display: flex;
    }
    .mobile #advanced-form fieldset#query-types br {
        display: none;
    }
    .mobile #advanced-form fieldset#query-types label {
        margin-right: 20px;
    }
    .mobile #advanced-form fieldset#query-types input {
        display: inline;
    }
    .mobile #advanced-form fieldset#record-types {
        display: none;
    }
    #header-image {
        width: 100%;
        margin: 0;
        display: block;
    }
    #header-image img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #home {
        background: #f7f6f3;
    }
    #home a.button {
        color: #000;
        padding: 0;
        margin: 4px;
        border-radius: 0;
        min-height: auto;
    }
    #home a.button:hover {
        opacity: 1;
        padding: 0;
    }
    #home a.button:after {
        content: "\279B";
        margin-left: 15px;
        border-radius: 18px;
        background: #ebe7e0;
        color: #333333;
        padding: 8px 10px;
    }
    #home a.button:hover::after {
        opacity: 1;
        background: #c3d4d6;
    }
    
    .hero .container .row {
        position: relative;
        padding-inline: 20px;
    }

    .col .hero-image {
        height: calc(100vh - 250px);
        background-image: url("https://informationwanted.org/themes/thedaily/images/master-pnp-cph-3c23900-3c23957u.jpg");
        background-size: cover;
        background-position: center;
        position: relative;
        padding: 0;
    }
     .col .hero-text {
         background: black;
         color: white;
         padding: 20px;
     }
     
     .col .hero-text p::first-line {
          font-size: 2rem;
          font-weight: bold;
     }
    

    .col .hero-image .hero-text h3 {
        font-family: "Mada", sans-serif;
        font-weight: 900;
        font-size: 2.375em;
        line-height: 1.316;
    }

    #home .call-action .container {
        padding-left: 0;
        padding-right: 0;
    }
    #home .call-action .container .row {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-right: 0;
        background: #000;
        justify-content: center;
    }
    #home .call-action .container a.button {
        background: #dbc0a0;
        color: #000;
        padding: 11px 33px 10px 33px;
        min-height: 52px;
        border-radius: 30px;
        font-size: 1.125em;
        line-height: 1.556;
        font-weight: 700;
        letter-spacing: -0.1px;
        position: relative;
        display: inline-block;
        text-decoration: none;
        border: none;
    }
    #home .call-action .container a.button:hover {
        text-decoration: none;
        background: #b68f72;
        color: #f7f6f3;
        border-bottom: none;
    }
    #home .call-action .container a.button:after {
        display: none;
    }
    #home .call-action .container a.button:hover::after {
        display: none;
    }
    .home-content-first .row {
        align-items: center;
    }
    .home-content-first .col-md-4 {
        padding-top: 30px;
    }
    .home-content-first img.col-md-4 {
        padding-bottom: 30px;
    }
    .home-content .container {
        margin: 0;
    }
    .home-content .container .row {
        padding: 0;
        margin: 0;
    }
    .home-content .container .row .col.home-left {
        padding: 0;
    }
    .home-content .container .row .col.home-left .block img {
        max-width: 100%;
    }
    .home-content .container .row .col.home-left .block.block-one {
        padding: 60px 0 60px 0;
    }
    .home-content .container .row .col.home-left .block.block-two,
    .home-content .container .row .col.home-left .block.block-three {
        padding-top: 30px;
    }
    .home-content .container .row .col.home-left .block.block-two .card {
        padding-bottom: 30px;
    }
    .home-content .container .row .col.home-left .block.block-one .card {
        padding-right: 30px;
    }
    .home-content .container .row .col.home-left .block.block-three {
        text-align: center;
    }
    .home-content .container .row .col.home-left .block.block-three .card {
        margin-bottom: 30px;
        text-align: left;
    }
    .home-content .container .row .col.home-left .block.block-three img {
        max-height: 300px;
        box-shadow:
            0 1px 1px 0 rgba(0, 0, 0, 0.14),
            0 2px 1px -1px rgba(0, 0, 0, 0.12),
            0 1px 3px 0 rgba(0, 0, 0, 0.2);
    }
    .home-content .container .row .col.home-right {
        padding: 30px;
        margin-top: 60px;
    }
    .home-content .container .row .col.home-right h3 {
        margin-bottom: 15px;
    }
    div#featured {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    #featured .record:first-child {
        height: 60vh;
    }
    #featured .record:first-child,
    #featured.layout-2 .record:nth-child(2),
    #featured .record:nth-child(6n),
    #featured .record:nth-child(6n + 1) {
        width: 100%;
    }
    #featured .record {
        margin-bottom: 1.6;
        color: #fff;
        overflow: hidden;
        position: relative;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        background-color: #e7e7e7;
        z-index: 0;
        padding: 1.6;
        min-height: 30vh;
        width: calc(50% - 0.8);
    }
    #featured .record a {
        color: #b68f72;
    }
    #featured .featured-meta {
        padding: 0 1.6;
        max-width: 75%;
    }
    #featured .featured-meta > * {
        padding: 0.8;
        margin: 0;
        background-color: #000;
        display: inline-block;
    }
    #featured .featured-meta h3 {
        background-color: #b68f72;
    }
    #featured .featured-meta h3 a {
        color: #000;
    }
    #featured .record img {
        min-width: 100%;
        min-height: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        z-index: -1;
        opacity: 0.4;
        transition: opacity 0.2s ease-in-out;
    }
    #featured .record:hover img {
        opacity: 1;
    }
    #intro {
        background-color: #b68f72;
        margin: -1.6 -3.2 3.2 -3.2;
        padding: 3.2;
    }
    #featured + #intro {
        margin-top: 3.2;
    }
    footer {
        position: relative;
        padding: 0 3.2 1.6;
        clear: both;
        background: #000;
        color: #fff;
        z-index: 2;
    }
    footer img:hover {
        opacity: 0.6;
    }
    footer .footer-top .row {
        justify-content: space-between;
    }
    footer .footer-bottom {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }
    footer .footer-bottom .row {
        display: block;
    }
    footer .footer-bottom .funders {
        align-items: center;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
    }
    footer .footer-bottom .funders > a {
        display: inline-block;
        width: 50%;
        text-align: center;
    }
    footer .footer-bottom .funders > a img {
        max-width: 100%;
        max-height: 120px;
        text-align: center;
    }
    footer .footer-bottom .funders > img {
        width: 50%;
    }
    footer h4 {
        font-size: 1.5rem;
        font-weight: 600;
        font-family: plantin, serif;
    }
    footer a {
        color: #fff;
    }
    footer ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    footer ul li {
        margin: 0;
        padding: 0 0 15px;
    }
    footer ul li a {
        font-size: 0.938em;
        line-height: 1.667;
        letter-spacing: -0.1px;
    }
    footer .social-icons {
        display: flex;
        justify-content: space-between;
    }
    footer .social-icons a {
        display: inline-block;
        transition: 0.35s;
        height: 62px;
        width: 62px;
    }
    footer .social-icons a img {
        max-width: 100%;
    }
    footer .social-icons a:last-child {
        padding: 5px 10px 5px 0;
    }

    .browse #content {
        background: #f7f6f3;
    }
    section.browse-intro {
        background: #f7f6f3;
    }
    section.browse-intro .container {
        padding-bottom: 30px;
        padding-top: 95px;
    }
    section.browse-intro .container h6 {
        margin-left: 25px;
        margin-bottom: 32px;
    }
    .items.browse section.browse-intro,
    .search section.browse-intro {
        background: #fff;
    }
    .items.browse section.browse-intro .container-search,
    .search section.browse-intro .container-search {
        padding-bottom: 60px;
    }
    .browse-intro #search-form {
        position: relative;
        background-color: #fff;
        height: auto;
        color: #000;
        width: 100%;
        display: block;
    }
    .browse-intro #search-form input[type="text"] {
        color: #000;
        border: 1px solid #dddcdb;
        border-right: none;
        border-radius: 41px;
        height: 85px;
        font-size: 50px;
        padding: 15px 110px 17px 25px;
        line-height: 1.5;
        font-family: plantin, serif;
        font-weight: 400;
    }
    .browse-intro #search-form input[type="text"]::placeholder {
        color: #000;
        opacity: 1;
    }
    .browse-intro #search-form input[type="text"]:hover {
        background: #fff;
    }
    .browse-intro #search-form button[type="submit"] {
        color: #000;
        background-color: transparent;
        display: inline-block;
        cursor: pointer;
        font-size: 50px;
        height: 9vmin;
        margin: 0;
        line-height: 0;
        order: 2;
        text-indent: -9999px;
        border: none;
        padding: 0;
        height: 85px;
        border-radius: none;
        font-weight: 400;
        letter-spacing: 0;
        position: static;
    }
    .browse-intro #search-form button[type="submit"]:before {
        content: "\f002";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        background: #fff;
        right: 0;
        top: 0;
        width: 100px;
        height: 43px;
        padding-top: 40px;
        text-align: center;
        text-indent: 0;
        border-radius: 0 41px 41px 0;
        border: 1px solid #dddcdb;
        border-left: none;
    }
    .browse-intro #search-form #advanced-form {
        text-align: center;
        display: inline-block;
    }
    .browse-intro #search-form #advanced-form fieldset {
        margin-top: 0;
        margin-left: 25px;
    }
    .browse-intro #search-form #advanced-form fieldset label {
        display: inline;
        margin-right: 16px;
    }
    .browse-intro #search-form #advanced-form fieldset label input {
        margin-right: 8px;
    }
    .browse-intro #search-form #advanced-form fieldset br {
        display: none;
    }
    .browse-intro #search-form #record-types {
        display: none;
    }
    .browse-intro #search-form #more-search-options {
        text-align: center;
    }
    .browse-intro #search-form #more-search-options .simple-button {
        margin-left: 20px;
        margin-right: 20px;
    }
    .container-filter-sort {
        padding-top: 60px;
        padding-bottom: 30px;
    }
    .container-filter-sort #item-filters li:first-of-type:before {
        content: "for ";
        opacity: 0.6;
    }
    .container-filter-sort #item-filters p {
        padding-top: 30px;
        margin-top: 30px;
        border-top: 1px solid #dddcdb;
    }
    .container-filter-sort span {
        opacity: 0.6;
    }
    .container-filter-sort .row {
        padding: 0;
        justify-content: space-between;
        align-items: flex-start;
    }
    ul#sort-links-list {
        list-style: none;
        padding-left: 0;
        display: inline-block;
        font-family: "Mada", sans-serif;
        text-align: right;
        font-weight: 400;
        margin-bottom: 0;
    }
    #sort-links-list li {
        list-style-type: none;
        display: inline-block;
        font-weight: 700;
    }
    ul#sort-links-list a {
        font-family: "Mada", sans-serif;
        display: block;
        background-color: transparent;
        border-bottom: 1px solid transparent;
        margin-left: 5px;
        margin-right: 5px;
    }
    ul#sort-links-list a:hover {
        border-bottom: 1px solid #000;
        color: #000;
    }
    #sort-links-list .asc a:after {
        content: "";
        font-family: "Font Awesome 5 Free";
        margin-left: 5px;
    }
    #sort-links-list .desc a:after {
        content: "";
        font-family: "Font Awesome 5 Free";
        margin-left: 5px;
    }
    section.search-results-section {
        padding-top: 55px;
        padding-bottom: 90px;
        min-height: 100vh;
    }
    section.search-results-section .container-transcription-blurb {
        padding-bottom: 35px;
    }
    section.search-results-section .container-transcription-blurb .row {
        padding-left: 25px;
        padding-right: 25px;
    }
    .records h2 {
        width: 100%;
    }
    .records .hentry {
        font-size: 16px;
        line-height: 1.6;
        padding-top: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #dddcdb;
    }
    .records .hentry .item-meta.row {
        align-items: flex-start;
    }
    .records .hentry .item-meta.row .thumb-col.col-md-3 {
        width: 50%;
        margin-bottom: 30px;
    }
    .records .hentry .item-meta.row .item-img {
        padding: 5px 5px 0 5px;
        background: #fff;
        border: 1px solid #dddcdb;
        border-radius: 4px;
        width: 100%;
    }
    .records .hentry .item-meta.row .item-img img {
        width: 100%;
        height: auto;
    }
    .records .hentry .item-meta.row .item-img img:hover {
        opacity: 0.6;
    }
    .records .hentry .item-meta.row .item-metadata.col-md-7 {
        width: 50%;
    }
    .records .hentry h3 {
        font-family: plantin, serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 1.5;
        letter-spacing: -0.3px;
    }
    .records .hentry h3 a:hover {
        border-bottom: 1px solid #000;
    }
    .records .hentry .x-small-title {
        font-family: plantin-condensed, serif;
        font-weight: 700;
        letter-spacing: 0.015em;
    }
    .records .hentry h6.x-small-title {
        margin-bottom: 0;
    }
    .records .hentry h6.x-small-title a:hover {
        border-bottom: 1px solid #000;
    }
    .records .hentry .transcript {
        max-width: 87.5%;
        opacity: 0.6;
        margin-top: 15px;
    }
    .browse #outputs {
        width: 100%;
        font-size: 2.25vmin;
    }
    .browse .outputs-label:after {
        content: ": ";
    }
    .browse #outputs p {
        display: inline-block;
    }
    #collection-tree ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #collection-tree ul a {
        border-bottom: none;
    }
    #collection-tree ul a:hover {
        border-bottom: 1px solid #000;
        color: #000;
    }
    #collection-tree > ul > li {
        margin-bottom: 60px;
    }
    #collection-tree ul ul {
        margin-top: 5px;
    }
    #collection-tree ul ul li {
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    #collection-tree ul ul li:not(first-child) {
        padding-top: 20px;
    }
    .collection-item-count {
        min-width: 30px;
        height: 30px;
        background: #e6e1d8;
        display: inline-block;
        color: #575656;
        margin-left: 10px;
        border-radius: 15px;
        text-align: center;
        padding: 3px 6px 0 6px;
        font-weight: 700;
    }
    .collection.hentry h2 {
        font-size: 3vmin;
        line-height: 4.5vmin;
        margin: 1.5vmin 0 0;
    }
    #content .popularity {
        list-style: none;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    #content .popularity li {
        margin: 4px;
    }
    #content .popularity li a {
        padding: 12px;
        color: #f7f6f3;
        font-weight: 700;
        display: block;
        border-radius: 23px;
        min-height: 32px;
        border: none;
    }
    #content .popularity li a:hover {
        text-decoration: none;
        opacity: 0.6;
    }
    #content .popularity .vvvvvvvv-popular a {
        font-size: 32px;
        background-color: #532941;
        padding: 12px 20px;
        color: #c0ada1;
    }
    #content .popularity .vvvvvvv-popular a {
        font-size: 30px;
        background-color: #65394a;
        padding: 12px 19px;
        color: #d1c5b9;
    }
    #content .popularity .vvvvvv-popular a {
        font-size: 28px;
        background-color: #764b54;
        border-radius: 34px;
        padding: 12px 18px;
        color: #d1c5b9;
    }
    #content .popularity .vvvvv-popular a {
        font-size: 26px;
        background-color: #865d60;
        border-radius: 32.5px;
        padding: 12px 17px;
        color: #d1c5b9;
    }
    #content .popularity .vvvv-popular a {
        font-size: 24px;
        background-color: #95716d;
        padding: 12px 16px;
        color: #f7f6f3;
    }
    #content .popularity .vvv-popular a {
        font-size: 22px;
        background-color: #a4847d;
        border-radius: 29.5px;
        padding: 12px 15px;
        color: #532941;
    }
    #content .popularity .vv-popular a {
        font-size: 20px;
        background-color: #b2998e;
        border-radius: 28px;
        padding: 12px 14px;
        color: #65394a;
    }
    #content .popularity .v-popular a {
        font-size: 18px;
        background-color: #c0ada1;
        border-radius: 26px;
        padding: 12px 13px;
        color: #764b54;
    }
    #content .popularity .popular a {
        font-size: 14px;
        background-color: #d1c5b9;
        color: #865d60;
    }
    .items.show .intro a {
        border-bottom: none;
    }
    .items.show .intro a:hover {
        color: #000;
        border-bottom: 1px solid #000;
    }
    .items.show .intro a.alt-button:hover {
        border-bottom: none;
    }
    .show .downloads {
        padding: 25px;
        text-align: right;
        margin-top: -5px;
        margin-bottom: 60px;
    }
    .show .download-file img {
        max-width: 100%;
        height: auto;
    }
    #content .downloads ul {
        list-style-type: none;
    }
    #content .downloads ul li {
        display: block;
        margin-top: 20px;
        padding-right: 20px;
    }
    #content .downloads ul li a.alt-button {
        border-bottom: none;
    }
    #content .downloads ul li a.alt-button:hover {
        color: #000;
        border-bottom: none;
    }
    #itemfiles {
        padding-bottom: 0 !important;
    }
    #itemfiles,
    .lSSlideOuter .media-render {
        margin: 0;
        background-color: #e6e1d8;
        width: 100%;
    }
    ul.lSPager.lSGallery > li:only-child {
        display: none;
    }
    #itemfiles {
        margin: 0 auto 1.6;
        text-align: center;
        min-height: 50vh !important;
    }
    #itemfiles li {
        bottom: 0;
    }
    .lSSlideOuter {
        background: #e6e1d8;
    }
    .lSSlideOuter ul.lSPager.lSGallery {
        margin: auto;
        margin-bottom: 1.6;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .lSSlideOuter .media-render {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .lSSlideOuter .media-render a {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .lSSlideOuter .media-render img {
        max-height: 100%;
        width: auto;
    }
    .lSPager img {
        margin: 0 0.8 0.8 0;
        vertical-align: bottom;
        width: 4.8;
    }
    .lg-outer .lg-thumb {
        margin: auto;
    }
    .items.show .map-container {
        margin-bottom: 60px;
    }
    .items.show .item-metadata {
        margin-bottom: 60px;
    }
    .element-set .element {
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
        padding-top: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .element h6 {
        width: 200px;
        margin: 0;
        line-height: 1.6;
        font-family: "Mada", sans-serif;
        font-weight: 700;
        display: inline-block;
        word-break: break-word;
    }
    .element-text {
        display: inline-block;
        width: 100%
        height: auto;
    }
    .element-text:not(:first-of-type) {
        margin-top: 0.8;
        border-top: 1px solid;
        padding-top: -0.2px;
    }
    .element-text > p:first-child {
        margin-top: 0;
    }
    .element-text > p:last-child {
        margin-bottom: 0;
    }
    .element-text a {
        border-bottom: none;
    }
    .element-text a:hover {
        color: #000;
        border-bottom: 1px solid #000;
    }
    #item-citation .element-text {
        word-break: break-word;
    }
    .item-show-related {
        margin-bottom: 60px;
    }
    .item-show-related .element-text {
        width: auto;
        margin: 7.5px;
    }
    .item-show-related .element-text:not(:first-of-type) {
        border-top: none;
    }
    .item-show-related .element-text a {
        background-color: #c3d4d6;
        color: #444444;
    }
    .item-show-related .element-text.searcher a:after {
        content: " (Searcher)";
    }
    .item-show-related .element-text.searchee a:after {
        content: " (Searchee)";
    }
    .item-show-tags .element-text {
        color: #ebe7e0;
        width: auto;
    }
    .item-show-tags .element-text a {
        color: #444444;
        background-color: #c3d4d6;
        margin: 5px 0 5px 0;
    }
    .show #output-format-list {
        margin: 0;
    }
    #collection-items hr {
        width: 100%;
    }
    .show .view-items-link {
        display: inline-block;
        margin: 1.6 auto;
        font-family: "Mada", sans-serif;
        padding: 0.4;
    }
    #search-narrow-by-fields {
        text-align: right;
    }
    #search-narrow-by-fields > .label {
        text-align: left;
    }
    .search-entry {
        margin-bottom: 8px;
    }
    .search-entry:first-child .advanced-search-joiner {
        display: none;
    }
    .search-entry > select {
        margin-right: 8px;
        width: calc(33% - 53.66px);
    }
    select.advanced-search-joiner {
        width: 90px;
    }
    .search-entry > input[type="text"] {
        width: calc(33% - 53.66px);
    }
    button.remove_search {
        text-indent: -9999px;
        position: relative;
        font-weight: 400;
        color: #000;
        background-color: #ebe7e0;
        border: none;
        padding: 0;
        height: 40px;
        width: 40px;
        margin-left: 8px;
        border-radius: 0;
    }
    button.remove_search:hover {
        background-color: #000;
        color: #fff;
        opacity: 1;
    }
    button.remove_search:after {
        content: "";
        font-family: "Font Awesome 5 Free";
        text-indent: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding-top: 4px;
        width: 40px;
        text-align: center;
        border: none;
        border-radius: 20px;
    }
    button.remove_search:after:hover {
        background-color: #000;
        color: #fff;
        opacity: 1;
    }
    button.add_search {
        border: none;
        height: 40px;
        border-radius: 20px;
        background-color: #ebe7e0;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px;
    }
    button.add_search:hover {
        background-color: #000;
        color: #fff;
        opacity: 1;
    }
    #search-by-range,
    .field.item-type-search,
    .field.user-search,
    .field.public,
    .field.featured,
    .field.exhibit-search {
        display: none;
    }
    input#submit_search_advanced {
        background-color: #000;
        color: #fff;
    }
    input#submit_search_advanced:hover {
        opacity: 0.6;
    }
    #search-filters,
    #item-filters {
        display: inline-block;
    }
    #search-filters ul,
    #item-filters ul {
        list-style: none;
        padding-left: 0;
        margin: 0;
        font-size: 16px;
    }
    #search-filters li,
    #item-filters li {
        display: inline-block;
        font-family: "Mada", sans-serif;
        margin-bottom: 0.8;
        margin-right: 5px;
    }
    #search-filters li.item-type,
    #item-filters li.item-type {
        display: none;
    }
    #search-filters li span,
    #item-filters li span {
        opacity: 0.6;
    }
    #search-filters li ul {
        display: inline-block;
    }
    #search-filters li li {
        text-transform: lowercase;
        margin-bottom: 0;
    }
    #search-filters li li:not(:last-child):after {
        content: ", ";
        margin: 0 0.2 0 0;
    }
    #search-results img {
        height: 4.8;
        vertical-align: top;
        margin-right: 0.8;
    }
    #search-results td > * {
        display: inline-block;
        vertical-align: middle;
    }
    .page .x-small-title {
        font-family: "Mada", sans-serif;
        font-weight: 600;
    }
    .page #primary > section.text {
        min-height: 50vh;
    }
    .page .row .col ol {
        counter-reset: my-awesome-counter;
        list-style: none;
        padding-left: 0;
    }
    .page .row .col ol li {
        padding-bottom: 30px;
        counter-increment: my-awesome-counter;
    }
    .page .row .col ol li h6 {
        display: inline;
    }
    .page .row .col ol li p {
        margin-left: 44px;
    }
    .page .row .col ol li::before {
        content: counter(my-awesome-counter);
        background: #e6e1d8;
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        display: inline-block;
        line-height: 2rem;
        color: #000;
        text-align: center;
        margin-right: 0.5rem;
        font-weight: 700;
    }
    .page .row .row {
        border-bottom: 1px solid #dddcdb;
        align-items: flex-start;
        width: 100%;
    }
    .page .row .row .col-md-9 p,
    .page .row .row .col-md-3 p {
        opacity: 0.6;
    }
    .page .row .row.no-border {
        border-bottom: none;
    }
    .page .videoembed {
        position: relative;
        padding-bottom: 46.25%;
        height: 0;
        margin-bottom: 60px;
    }
    .page .videoembed iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% - 15px);
        height: 100%;
    }
    .page .row-header {
        margin-top: 60px;
    }
    .page#contribute-ads .col-md-7,
    .page#get-involved .col-md-7,
    .page#how-to-search .col-md-7,
    .page#historical-context .col-md-7,
    .page#historical-context .col-md-6,
    .page#editorial-process .col-md-7,
    .page#educator-resources .col-md-7,
    .page#lending-libraries .col-md-7,
    .page#online-resources .col-md-7,
    .page#tagging-protocol-and-glossary .col-md-7,
    .page#video-excerpts .col-md-7,
    .page#team .col-md-3,
    .page#in-the-media .in-media > .row {
        margin-bottom: 30px;
    }
    #editorial-process .protocols .col-md-7 {
        padding-bottom: 60px;
        padding-top: 60px;
        border-bottom: 1px solid #dddcdb;
        margin-bottom: 0;
    }
    #editorial-process .protocols .col-md-7 .alt-button {
        margin-right: 20px;
        border-bottom: none;
    }
    .page#editorial-process .protocols .col-md-7 li span {
        display: inline-block;
        margin-left: 40px;
    }
    #educator-resources .edresource.row {
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 9px;
        margin-right: 9px;
        padding-top: 0;
        padding-bottom: 0;
        align-items: center;
    }
    #educator-resources .edresource.row .col-md-7 {
        padding: 60px;
        margin-bottom: 0;
    }
    #educator-resources .edresource.row .col-md-7 h3 {
        font-family: "Mada", sans-serif;
        font-weight: 700;
    }
    #educator-resources .edresource.row .col-md-7 h3 a:after {
        content: "\279B";
        margin-left: 15px;
        border-radius: 30px;
        background: #e6e1d8;
        color: #333333;
        padding: 8px 10px;
        font-size: 20px;
    }
    #educator-resources .edresource.row .col-md-7 h3 a:hover::after {
        opacity: 1;
        background: #c3d4d6;
    }
    #educator-resources .col-md-5.background-image {
        height: 337px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        width: 100%;
    }
    #classroom-materials.page .level,
    #student-work.page .level,
    #primary-sources.page .level {
        padding-top: 30px;
    }
    #classroom-materials.page #primary .text,
    #student-work.page #primary .text {
        min-height: 0;
    }
    #classroom-materials.page .lessons,
    #classroom-materials.page .student-works,
    #student-work.page .lessons,
    #student-work.page .student-works,
    #primary-sources.page .student-works,
    #primary-sources.page .lessons {
        align-items: stretch;
        padding-bottom: 30px;
    }
    #classroom-materials.page .lesson,
    #classroom-materials.page .student-work,
    #student-work.page .lesson,
    #student-work.page .student-work,
    #primary-sources.page .lesson,
    #primary-sources.page .student-work {
        padding-bottom: 0;
        margin-bottom: 30px;
    }
    #classroom-materials.page .lesson .background-beige-4,
    #classroom-materials.page .student-work .background-beige-4,
    #student-work.page .lesson .background-beige-4,
    #student-work.page .student-work .background-beige-4,
    #primary-sources.page .lesson .background-beige-4,
    #primary-sources.page .student-work .background-beige-4 {
        padding: 30px;
        height: 100%;
    }
    #classroom-materials.page .lesson .background-beige-4 .row,
    #classroom-materials.page .student-work .background-beige-4 .row,
    #student-work.page .lesson .background-beige-4 .row,
    #student-work.page .student-work .background-beige-4 .row,
    #primary-sources.page .lesson .background-beige-4 .row,
    #primary-sources.page .student-work .background-beige-4 .row {
        padding: 0;
        height: 100%;
    }
    #classroom-materials.page .lesson .background-beige-4 .row img.col-md-5,
    #classroom-materials.page .student-work .background-beige-4 .row img.col-md-5,
    #student-work.page .lesson .background-beige-4 .row img.col-md-5,
    #student-work.page .student-work .background-beige-4 .row img.col-md-5,
    #primary-sources.page .lesson .background-beige-4 .row img.col-md-5,
    #primary-sources.page .student-work .background-beige-4 .row img.col-md-5 {
        display: none;
    }
    #historical-context.page .row .row {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 9px;
        padding-right: 9px;
    }
    #historical-context.page .col-md-6 img {
        max-width: 100%;
        margin-bottom: 1em;
    }
    #in-the-media .in-media .row {
        padding-bottom: 30px;
    }
    #in-the-media .in-media .col-md-7 p.x-small-title {
        opacity: 0.6;
    }
    #in-the-media .in-media .col-md-2 {
        margin-left: 60px;
        display: none;
    }
    #lending-libraries .libraries ul {
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 60px;
        list-style: none;
    }
    #lending-libraries .libraries li {
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #dddcdb;
    }
    #team.page .row .row {
        margin-left: 0;
    }
    #team #primary .col-md-3 img {
        height: 200px;
        width: 100%;
        object-fit: cover;
    }
    ul#glossary-headings {
        display: flex;
        justify-content: space-between;
        margin-bottom: 60px;
    }
    ul#glossary-headings li {
        display: inline-block;
    }
    ul#glossary-headings li a {
        font-weight: 700;
        border-bottom: none;
        display: inline-block;
        width: 25px;
        text-align: center;
        border-radius: 15px;
        background: #e6e1d8;
    }
    ul#glossary-headings li a:hover {
        background: #c3d4d6;
        color: #000;
    }
    ul#glossary-headings li span {
        opacity: 0.6;
    }
    #video-excerpts .row.margin-bottom {
        margin-bottom: 30px;
    }
    #video-excerpts .col-md-5 {
        margin: auto;
        margin-bottom: 30px;
        text-align: center;
    }
    #video-excerpts .col-md-5 img {
        max-height: 380px;
        max-width: 100%;
        box-shadow:
            0 4px 5px 0 rgba(0, 0, 0, 0.14),
            0 1px 10px 0 rgba(0, 0, 0, 0.12),
            0 2px 4px -1px rgba(0, 0, 0, 0.2);
    }
    #video-excerpts .col-md-5 a {
        display: block;
        margin-top: 30px;
    }
    #exhibit-wrap {
        display: flex;
        align-items: flex-start;
    }
    #exhibit-blocks {
        margin: 0;
    }
    .exhibit-block {
        overflow: hidden;
    }
    .exhibit-block p:only-of-type {
        margin: 0;
    }
    .exhibit-block p:first-of-type {
        margin-top: 0;
    }
    .exhibit-block p:last-of-type {
        margin-bottom: 0;
    }
    #exhibit-pages {
        align-self: flex-start;
        font-size: 1.8375vmin;
        line-height: 2.75625vmin;
        width: 20%;
        margin: 0 0 1.6;
    }
    #exhibit-pages.scroll {
        position: sticky;
        top: 1.6;
    }
    #exhibit-pages ~ * {
        width: 80%;
        padding-left: 1.6;
    }
    #exhibit-pages ~ *:last-child {
        margin-bottom: 1.6;
    }
    #exhibit-pages h4 {
        background-color: #000;
        margin: 0;
        padding: 0.8;
    }
    #exhibit-pages h4 a {
        color: #fff;
    }
    #exhibit-pages ul {
        margin: 0;
        font-family: "Mada", sans-serif;
    }
    #exhibit-pages > ul > li:not(:last-child) {
        border-bottom: 2px solid #000;
    }
    #exhibit-pages > ul > li:not(:last-child) > a {
        padding: calc(0.4 - 1px) 0.8;
    }
    #exhibit-pages li,
    #exhibit-pages a {
        display: block;
        width: 100%;
        position: relative;
    }
    #exhibit-pages li > a {
        padding: 0.4 0.8;
    }
    #exhibit-pages li.current > a:before,
    #exhibit-pages li.parent.collapsed > a:before {
        font-family: "Font Awesome 5 Free";
        content: "";
        position: absolute;
        left: 0;
        top: 0.26672;
    }
    #exhibit-pages > ul > li > ul {
        margin-bottom: 0.2;
    }
    #exhibit-pages ul ul > li > a {
        padding: 0.2 0.8 0.2 1.6;
    }
    #exhibit-pages ul ul ul > li > a {
        padding: 0.2 0.8 0.2 2.8;
    }
    #exhibit-pages .has-children {
        padding-right: 1.6;
    }
    #exhibit-pages .subpages-toggle {
        border: 0;
        display: block;
        float: right;
        position: relative;
        z-index: 1;
        background: transparent;
        margin-top: -1.86672;
        padding: 0.4;
    }
    #exhibit-pages .subpages-toggle.expanded:before {
        transform: rotate(45deg);
    }
    #exhibit-pages li li .subpages-toggle {
        margin-top: -1.73328;
    }
    #exhibit-pages .subpages-toggle:before {
        font-family: "Font Awesome 5 Free";
        content: "";
        font-size: 1.8375vmin;
        line-height: 2.75625vmin;
        display: block;
    }
    #exhibit-pages .collapsed + ul {
        display: none;
    }
    #exhibit-pages ul li.current ul li,
    #exhibit-pages ul li.parent ul li {
        display: block;
    }
    #exhibit-page-navigation {
        background-color: #000;
        color: #ccc;
        padding: 1.6;
        margin-top: 3.2;
        margin-bottom: 3.2;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    #exhibit-nav-up {
        order: 2;
        margin: 0;
    }
    #exhibit-nav-next {
        order: 3;
    }
    #exhibit-nav-next + #exhibit-nav-up:nth-child(2) {
        margin-left: 33%;
    }
    #exhibit-page-navigation a {
        padding: 0.4;
        background-color: #b68f72;
        display: inline-block;
    }
    body.search-open,
    body.menu-open {
        position: fixed;
        left: 0;
        right: 0;
    }
    #content {
        padding: 1.6 3.2 116px;
    }
    #primary {
        width: 100%;
    }
    #comment-form {
        width: 100%;
        position: relative;
        padding-top: 24px;
    }
    #comment-form .commenting-field {
        margin-bottom: 32px;
    }
    #comment-form .commenting-field label {
        width: 100%;
        font-weight: normal;
        font-size: 12px;
        margin-bottom: 8px;
    }
    #comment-form .commenting-field input[type="text"] {
        width: 100%;
    }
    #comment-form > div:nth-of-type(4) {
        margin-bottom: 60px;
    }
    .contribution ol {
        counter-reset: my-awesome-counter;
        list-style: none;
        padding-left: 30px;
    }
    .contribution ol li {
        padding-bottom: 30px;
        counter-increment: my-awesome-counter;
        position: relative;
        margin-left: 10px;
    }
    .contribution ol li::before {
        content: counter(my-awesome-counter);
        background: #e6e1d8;
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        display: inline-block;
        line-height: 2rem;
        color: #000;
        text-align: center;
        margin-right: 0.5rem;
        font-weight: 700;
        position: absolute;
        left: -40px;
    }
    .contribution .inputs p {
        margin: 0;
    }
    .contribution .inputs p.explanation {
        font-size: 12px;
        opacity: 0.6;
    }
    #contribution-type-form {
        margin-top: 60px;
    }
    #contribution-type-form label {
        font-size: 12px;
        opacity: 0.6;
    }
    #contribution-type-form .field.file-upload {
        margin-top: 60px;
        padding-top: 60px;
        border-top: 1px solid #dddcdb;
    }
    #contribution-type-form .field.file-upload label {
        font-weight: 700;
        font-size: 16px;
        opacity: 1;
    }
    #contribution-type-form .field.file-upload .explanation {
        font-size: 16px;
        margin-bottom: 16px;
        opacity: 0.6;
    }
    div#contribution-type-form div.inputs {
        width: 100%;
    }
    div#contribution-type-form div.inputs .explanation {
        display: none;
    }
    .inputs.type-selector label {
        margin-bottom: 8px;
        display: block;
        font-weight: 700;
    }
    #contribution-confirm-submit {
        margin-top: 30px;
        padding-top: 60px;
        border-top: 1px solid #dddcdb;
    }
    #contribution-confirm-submit .inputs {
        margin-bottom: 30px;
    }
    #contribution-confirm-submit label {
        margin-left: 8px;
    }
    #contribution-confirm-submit #form-submit {
        margin-top: 48px;
    }
    #geolocation-browse {
        width: 100%;
    }
    .items.show #geolocation {
        margin-top: 25px;
    }
    .items.show #geolocation h2 {
        display: none;
    }
    .map.browse .col-md-5 {
        margin-left: 8.33%;
    }
    .map.browse ul#map-legend {
        list-style: none;
        padding-left: 30px;
    }
    .map.browse ul#map-legend li {
        padding-bottom: 30px;
        position: relative;
        margin-left: 10px;
        font-weight: 700;
    }
    .map.browse ul#map-legend #map-searcher:before {
        content: "";
        background: #8ebf7d;
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        left: -30px;
        top: 3px;
    }
    .map.browse ul#map-legend #map-searchee:before {
        background: #a69ee4;
        content: "";
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        left: -30px;
        top: 3px;
    }
    .map.browse .col-md-4 img {
        max-width: 100%;
    }
    #content .reference-pagination li.pagination_range a {
        border: none;
        background: #e6e1d8;
        font-weight: 600;
    }
    p.reference-record {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    p.reference-record a {
        border-bottom: none;
    }
    p.reference-record a:hover {
        border-bottom: 1px solid #000;
        color: #000;
    }
    .records .transcription-status {
        margin-bottom: 30px;
    }
    .records .transcription-status p {
        text-align: center;
        font-weight: 700;
        margin-top: 1em;
    }
    .records .transcription-status p a {
        border-bottom: none;
    }
    .records .transcription-status p a:hover {
        border-bottom: 1px solid #000;
        color: #000;
    }
    .records .hentry .meter,
    .show .item-show-transcribe .meter,
    .transcribe .item-show-transcribe-status .meter {
        height: 28px;
        position: relative;
        background: #e6e1d8;
        border-radius: 4px;
    }
    .records .hentry .meter > span,
    .show .item-show-transcribe .meter > span,
    .transcribe .item-show-transcribe-status .meter > span {
        display: block;
        height: 100%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        background-color: #317265;
        position: relative;
        overflow: hidden;
    }
    .records .hentry .meter > span.browse-complete,
    .show .item-show-transcribe .meter > span.browse-complete,
    .transcribe .item-show-transcribe-status .meter > span.browse-complete {
        background-color: #dd645f;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .records .hentry .meter > span.browse-review,
    .show .item-show-transcribe .meter > span.browse-review,
    .transcribe .item-show-transcribe-status .meter > span.browse-review {
        background-color: #f8c36e;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    span.transcription-info {
        margin-left: 10px;
        background: #e6e1d8;
        width: 25px;
        display: inline-block;
        border-radius: 50%;
        font-family: plantin, serif;
        cursor: pointer;
    }
    span.transcription-info:hover {
        background-color: #c3d4d6;
    }
    .items.show #content #item-show-transcription {
        margin-bottom: 60px;
    }
    .items.show #content .item-show-transcribe a.button,
    #scripto-transcription-edit a.button {
        background: #dbc0a0;
    }
    .items.show #content .item-show-transcribe .item-show-transcribe-status,
    #scripto-transcription-edit .item-show-transcribe-status {
        padding: 0;
    }
    .items.show #content .item-show-transcribe .item-show-transcribe-status p,
    #scripto-transcription-edit .item-show-transcribe-status p {
        opacity: 0.6;
        font-weight: 600;
        margin-bottom: 0;
        margin-top: 8px;
        font-size: 12px;
    }
    .items.show #content .item-show-transcribe .meter,
    #scripto-transcription-edit .meter {
        margin-bottom: 60px;
    }
    .items.show #content .item-show-transcribe ul.item-show-transcribe-action,
    #scripto-transcription-edit ul.item-show-transcribe-action {
        list-style-type: none;
        margin: 60px 0 0 0;
        padding: 0;
    }
    .items.show #content .item-show-transcribe ul.item-show-transcribe-action li,
    #scripto-transcription-edit ul.item-show-transcribe-action li {
        margin-bottom: 15px;
    }
    .items.show #content .item-show-transcribe ul.item-show-transcribe-action a,
    #scripto-transcription-edit ul.item-show-transcribe-action a {
        border-bottom: none;
        background: #dbc0a0;
        color: #000;
    }
    .items.show #content .item-show-transcribe ul.item-show-transcribe-action a:hover,
    #scripto-transcription-edit ul.item-show-transcribe-action a:hover {
        color: #000;
    }
    .items.show #content .item-show-transcribe .item-show-transcribe-find,
    #scripto-transcription-edit .item-show-transcribe-find {
        width: 100%;
    }
    .items.show #content .item-show-transcribe .item-show-transcribe-find a.button,
    #scripto-transcription-edit .item-show-transcribe-find a.button {
        border: none;
        color: #fff;
        background: #dbc0a0;
    }
    .transcribe section.intro {
        padding-top: 60px;
    }
    .transcribe section.intro h6 {
        font-family: plantin-condensed, serif;
    }
    #content ul.scripto-breadcrumbs {
        list-style-type: none;
        margin: 0 0 60px 0;
        padding: 0;
    }
    #content ul.scripto-breadcrumbs li {
        display: inline-block;
    }
    #content ul.scripto-breadcrumbs li:before {
        content: ">";
        margin-left: 5px;
        margin-right: 5px;
    }
    #content ul.scripto-breadcrumbs li:first-child:before {
        content: "";
    }
    #content ul.scripto-breadcrumbs li a {
        border-bottom: none;
    }
    .scripto-transcribe-find-ad {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #dddcdb;
    }
    .col-md-6.scripto-transcription-container {
        padding-left: 60px;
    }
    .scripto-transcription-tips {
        text-align: right;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .scripto-transcription-tips a.alt-button {
        display: block;
        margin-bottom: 20px;
    }
    #scripto-transcription-edit label {
        font-size: 12px;
        margin-bottom: 8px;
        opacity: 0.6;
        font-weight: 600;
        display: inline-block;
    }
    #scripto-transcription-edit .save-transcription {
        padding-bottom: 30px;
        text-align: right;
    }
    #scripto-transcription-edit .save-transcription button {
        background: #317265;
        color: #fff;
    }
    .review-transcription {
        padding-top: 30px;
        border-top: 1px solid #dddcdb;
        padding-bottom: 30px;
        text-align: right;
    }
    .review-transcription button {
        background: #f8c36e;
        color: #000;
    }
    .import-transcription {
        padding-top: 30px;
        border-top: 1px solid #dddcdb;
        padding-bottom: 30px;
        text-align: right;
    }
    .import-transcription button {
        background: #dd645f;
        color: #fff;
        margin-left: 15px;
    }
    textarea#scripto-transcription-page-wikitext {
        padding: 12px 16px 12px 16px;
        margin-bottom: 60px;
    }
    #scripto-login label {
        font-size: 12px;
        margin-bottom: 8px;
        opacity: 0.6;
        font-weight: 600;
        display: inline-block;
    }
    #scripto-login form {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    #scripto-login .alt-button {
        margin-left: 15px;
    }
    #simple-contact label {
        font-size: 12px;
        opacity: 0.6;
    }
}
@media screen and (max-width: 499.98px) {
    .x-large-title {
        font-size: 3.125em;
        line-height: 1.12;
        letter-spacing: -0.9px;
    }
    .large-title {
        font-size: 2.5em;
        line-height: 1.15;
        letter-spacing: -0.8px;
    }
    .medium-title {
        font-size: 1.5em;
        line-height: 1.333;
        font-weight: 700;
        font-family: "Mada", sans-serif;
        letter-spacing: -0.4px;
    }
    footer .footer-top,
    .footer-bottom {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}
@media screen and (min-width: 500px) {
    .container {
        max-width: 540px;
    }
    p.p-large,
    h3.p-large {
        font-size: 1.5em;
        line-height: 1.5;
        font-weight: 700;
        letter-spacing: -0.3px;
    }
    .intro {
        padding-top: 90px;
        padding-bottom: 70px;
    }
    #team #primary .col-md-3 {
        width: 50%;
    }
    .text,
    section.tags {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .page#contribute-ads .col-md-7,
    .page#get-involved .col-md-7,
    .page#how-to-search .col-md-7,
    .page#historical-context .col-md-7,
    .page#historical-context .col-md-6,
    .page#editorial-process .col-md-7,
    .page#educator-resources .col-md-7,
    .page#lending-libraries .col-md-7,
    .page#online-resources .col-md-7,
    .page#tagging-protocol-and-glossary .col-md-7,
    .page#video-excerpts .col-md-7,
    .page#team .col-md-3,
    .page#in-the-media .in-media > .row {
        margin-bottom: 60px;
    }
    #video-excerpts .row.margin-bottom {
        margin-bottom: 60px;
    }
    #video-excerpts .col-md-5 {
        text-align: left;
        padding-top: 51px;
        margin-left: 8.3%;
        margin-bottom: 60px;
    }
}
@media screen and (min-width: 500px) and (max-width: 899.98px) {
    .container {
        padding-right: 6.8%;
        padding-left: 6.8%;
        max-width: 100%;
    }
    
    #home .container {
        padding-left: 0;
    }
    
    #home .col.hero-map {
        padding-left: 9px;
    }
    
    .x-large-title {
        font-size: 3.625em;
        line-height: 1.172;
        letter-spacing: -1px;
    }
    .large-title {
        font-size: 3.125em;
        line-height: 1.2;
        letter-spacing: -0.9px;
    }
    .big-title {
        font-size: 2em;
        line-height: 1.313;
        letter-spacing: -0.5px;
        font-family: plantin, serif;
        font-weight: 600;
    }
    .medium-title {
        font-size: 1.5em;
        line-height: 1.4;
        font-weight: 700;
        font-family: "Mada", sans-serif;
        letter-spacing: -0.4px;
    }
    .small-title,
    #content #collection-tree > ul > li > a {
        font-size: 1.125em;
        line-height: 1.556;
        font-weight: 700;
        letter-spacing: -0.1px;
        border-bottom: none;
    }
    #content #collection-tree > ul > li > a:hover {
        border-bottom: 1px solid #000;
    }
    .x-small-title {
        font-size: 0.938em;
        line-height: 1.667;
        font-weight: 500;
        letter-spacing: -0.1px;
    }
    .browse-intro form input[type="text"] {
        height: 54px;
        padding: 15px 110px 17px 25px;
        border-radius: 27px;
        width: 100%;
        font-size: 0.813em;
        line-height: 1.769;
        font-weight: 400;
        outline: 0 !important;
        transition:
            background 0.2s,
            opacity 0.2s;
    }
    footer .footer-top,
    .footer-bottom {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}
@media screen and (min-width: 900px) {
    .container {
        max-width: 720px;
    }
    .intro-two {
        padding: 25px 0 30px;
    }
    .col-md-2 {
        max-width: 16.67%;
    }
    .col-md-3 {
        max-width: 25%;
    }
    .col-md-4 {
        max-width: 33.33%;
    }
    .col-md-5 {
        max-width: 41.67%;
    }
    .col-md-6 {
        max-width: 50%;
    }
    .col-md-7,
    #comment-form,
    .comments {
        max-width: 58.33%;
    }
    .col-md-8 {
        max-width: 66.666667%;
    }
    .col-md-9 {
        max-width: 75%;
    }
    .col-md-10 {
        max-width: 83.33%;
    }
    .col-grow {
        flex-grow: 1;
        flex-basis: 0;
    }
    .col-auto {
        width: auto;
        max-width: 100%;
        flex: 0 0 auto;
    }
    .intro .container .row {
        height: 100%;
    }
    .container .col.trans-container,
    .items.show .row .col-md-5 {
        padding-left: calc(4.5vw + 0px);
    }
    footer .social-icons,
    footer .funders {
        padding-top: 40px;
    }
    footer .social-icons {
        justify-content: flex-start;
    }
    .records .hentry {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .records .hentry .item-meta.row .item-img {
        width: 100%;
        height: 100%;
        margin: auto;
    }
    .records .hentry .item-meta.row .item-img img {
        width: 100%;
    }
    .browse-intro #search-form input[type="text"] {
        border-radius: 41px 0 0 41px;
    }
    .browse-intro form input[type="text"] {
        border: 0;
        padding-bottom: 17px;
        width: calc(100% - 100px);
        font-size: 2.73125em;
        letter-spacing: -0.69px;
    }
    #more-search-options {
        float: right;
        margin-top: 22px;
        text-align: left;
    }
    .browse-intro #search-form #advanced-form {
        text-align: left;
        margin-top: 24px;
    }
    .container-filter-sort .filter-sort {
        text-align: right;
    }
    .show .intro p {
        margin: 0;
    }
    .show .intro .row .row {
        padding-top: 30px;
    }
    
    .col.hero-image {
        height: calc(100vh - 170px);
    }
    .col.hero-image .hero-text {
        padding: 60px 60px 30px 60px;
    }

    #home .call-action {
        margin-top: 30px;
    }
    #home .call-action .container .row {
        padding: 30px 6.8% 30px;
        margin-right: 0;
        background: #000;
        justify-content: flex-start;
    }
    .home-content-first .col-md-4 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .home-content-first img.col-md-4 {
        padding-bottom: 60px;
    }
    .home-content .container .row {
        justify-content: space-between;
    }
    .home-content .container .row .col.home-left {
        max-width: 66.66%;
    }
    .home-content .container .row .col.home-left .block {
        display: flex;
        align-items: center;
    }
    .home-content .container .row .col.home-left .block img {
        max-width: 50%;
    }
    .home-content .container .row .col.home-left .block.block-two,
    .home-content .container .row .col.home-left .block.block-three {
        padding: 60px 0 60px 0;
    }
    .home-content .container .row .col.home-left .block.block-two .card {
        padding-left: 30px;
    }
    .home-content .container .row .col.home-left .block.block-three .card {
        padding-right: 60px;
        margin-bottom: 0;
    }
    .home-content .container .row .col.home-right {
        width: 30%;
        margin-top: -100px;
    }
    
    .hero .container .row {
        padding-inline: 60px;
    }
    #classroom-materials.page .lessons,
    #student-work.page .lessons,
    #primary-sources.page .lessons {
        padding-bottom: 30px;
    }
    #classroom-materials.page .level,
    #student-work.page .level,
    #primary-sources.page .level {
        padding-top: 60px;
    }
    #classroom-materials.page .lesson .background-beige-4 .row img.col-md-5,
    #classroom-materials.page .student-work .background-beige-4 .row img.col-md-5,
    #student-work.page .lesson .background-beige-4 .row img.col-md-5,
    #student-work.page .student-work .background-beige-4 .row img.col-md-5,
    #primary-sources.page .lesson .background-beige-4 .row img.col-md-5,
    #primary-sources.page .student-work .background-beige-4 .row img.col-md-5 {
        display: block;
    }
    #in-the-media .in-media .row {
        padding-bottom: 60px;
    }
    #in-the-media .in-media .col-md-2 {
        display: block;
    }
    
    .element-set .element {
        flex-direction: row;
    }
    
    .element-text {
        width: calc(100% - 200px);
    }
}
@media screen and (min-width: 900px) and (max-width: 1199.98px) {
    .container {
        padding-right: 6.8%;
        padding-left: 6.8%;
        max-width: 100%;
    }
    .x-large-title {
        font-size: 4.25em;
        line-height: 1.147;
        letter-spacing: -1.2px;
    }
    .large-title {
        font-size: 3.125em;
        line-height: 1.2;
        letter-spacing: -0.9px;
    }
    .big-title {
        font-size: 2em;
        line-height: 1.313;
        letter-spacing: -0.5px;
        font-family: plantin, serif;
        font-weight: 600;
    }
    .medium-title {
        font-size: 1.5em;
        line-height: 1.333;
        font-weight: 700;
        font-family: "Mada", sans-serif;
        letter-spacing: -0.4px;
    }
    .small-title,
    #content #collection-tree > ul > li > a {
        font-size: 1.125em;
        line-height: 1.556;
        font-weight: 700;
        letter-spacing: -0.1px;
        border-bottom: none;
    }
    #content #collection-tree > ul > li > a:hover {
        border-bottom: 1px solid #000;
    }
    .x-small-title {
        font-size: 0.938em;
        line-height: 1.667;
        font-weight: 500;
        letter-spacing: -0.1px;
    }
    .browse-intro form input[type="text"] {
        font-size: 2em;
        letter-spacing: -0.5px;
    }
    footer .footer-top,
    .footer-bottom {
        padding-top: 90px;
        padding-bottom: 130px;
    }
}
@media screen and (min-width: 1200px) {
    .container {
        max-width: 960px;
    }
    #top-nav .menu-toggle,
    .search-toggle {
        display: none;
    }
    nav.main-menu {
        display: block;
    }
    nav.main-menu ul.navigation {
        background: transparent;
        list-style: none;
        margin: 0;
        padding-left: 0;
    }
    nav.main-menu ul.navigation li {
        display: block;
        float: left;
        padding: 0 1rem;
        position: relative;
        opacity: 1;
        text-decoration: none;
        transition-duration: 0.5s;
    }
    nav.main-menu ul.navigation li ul {
        visibility: hidden;
        opacity: 0;
        min-width: 250px;
        position: absolute;
        transition: all 0.5s ease;
        left: 0;
        background-color: #fff;
        z-index: 10;
        border: 1px solid #dddcdb;
        border-top: 1px solid #000;
        padding-top: 1.5rem;
        padding-bottom: 1rem;
        border-radius: 0 0 10px 10px;
    }
    nav.main-menu ul.navigation li ul li {
        clear: both;
        width: 100%;
        padding: 0.5rem 1.5rem;
    }
    nav.main-menu ul.navigation li ul li a {
        font-weight: 700;
    }
    nav.main-menu ul.navigation li ul li a:hover {
        border-bottom: 1px solid #000;
    }
    nav.main-menu ul.navigation > li:hover {
        border-bottom: 1px solid #000;
    }
    nav.main-menu ul.navigation > li > a {
        padding-top: 31px;
        display: inline-block;
        height: 87px;
        opacity: 1;
        transition: all 0.5s ease;
    }
    nav.main-menu ul.navigation > li > a:hover {
        text-decoration: none;
        opacity: 0.6;
    }
    nav.main-menu ul.navigation li:hover,
    nav.main-menu ul.navigation li:focus-within {
        cursor: pointer;
    }
    nav.main-menu ul.navigation li:focus-within a {
        outline: none;
    }
    nav.main-menu ul.navigation li:hover > ul,
    nav.main-menu ul.navigation li:focus-within > ul,
    nav.main-menu ul.navigation li ul:hover,
    nav.main-menu ul.navigation li ul:focus {
        visibility: visible;
        opacity: 1;
        display: block;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1499px) {
    .container {
        padding-right: 7.25%;
        padding-left: 7.25%;
        max-width: 100%;
    }
    .x-large-title {
        font-size: 5em;
        line-height: 1.075;
        letter-spacing: -1.5px;
    }
    .large-title {
        font-size: 3.75em;
        line-height: 1.167;
        letter-spacing: -1.3px;
    }
    .big-title {
        font-size: 2.375em;
        line-height: 1.316;
        font-family: plantin, serif;
        font-weight: 600;
        letter-spacing: -0.6px;
    }
    .medium-title {
        font-size: 1.75em;
        line-height: 1.286;
        font-weight: 700;
        font-family: "Mada", sans-serif;
        letter-spacing: -0.4px;
    }
    .small-title,
    #content #collection-tree > ul > li > a {
        font-size: 1.125em;
        line-height: 1.556;
        font-weight: 700;
        letter-spacing: -0.1px;
        border-bottom: none;
    }
    #content #collection-tree > ul > li > a:hover {
        border-bottom: 1px solid #000;
    }
    .x-small-title {
        font-size: 0.938em;
        line-height: 1.667;
        font-weight: 500;
        letter-spacing: -0.1px;
    }
    .browse-intro form input[type="text"] {
        font-size: 2.375em;
        line-height: 1.5;
        letter-spacing: -0.6px;
    }
    footer .footer-top,
    .footer-bottom {
        padding-top: 90px;
        padding-bottom: 130px;
    }
}
@media screen and (min-width: 1500px) {
    .container {
        max-width: 1140px;
    }
    
    #home .hero .container {
        max-width: 100%;
    }
    
    #home .hero .container .row,
    #home .hero .container #search-container h3,
    #home .hero .container #search-container form,
    #home .hero .container #search-container #more-search-options{
        max-width: 1140px;
        margin: auto;
    }
    .x-large-title {
        line-height: 1.075;
        font-size: 5.75em;
        letter-spacing: -1.725px;
    }
    .large-title {
        line-height: 1.16667;
        font-size: 4.3125em;
        letter-spacing: -1.495px;
    }
    .big-title {
        line-height: 1.21053;
        font-size: 2.73125em;
        letter-spacing: -0.69px;
        font-family: plantin, serif;
        font-weight: 600;
    }
    .medium-title {
        line-height: 1.28571;
        font-size: 2.0125em;
        font-family: "Mada", sans-serif;
        font-weight: 700;
        letter-spacing: -0.46px;
    }
    .small-title,
    #content #collection-tree > ul > li > a {
        line-height: 1.55556;
        font-size: 1.29375em;
        font-weight: 700;
        letter-spacing: -0.115px;
        border-bottom: none;
    }
    #content #collection-tree > ul > li > a:hover {
        border-bottom: 1px solid #000;
    }
    p {
        line-height: 1.66578;
        font-size: 1.0787em;
        font-weight: 400;
        letter-spacing: -0.115px;
    }
    p.p-small {
        line-height: 1.76814;
        font-size: 0.93495em;
        font-weight: 400;
        letter-spacing: normal;
    }
    p.p-large,
    h3.p-large {
        line-height: 1.5;
        font-size: 1.725em;
        font-weight: 700;
        letter-spacing: -0.345px;
    }
    .text,
    section.tags {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    footer .footer-top,
    .footer-bottom {
        padding-top: 100px;
        padding-bottom: 130px;
    }
}