@media screen and (max-width: 768px) {

    main {
        padding: 15px;
    }

    .header-inner {
        padding: 10px 12px;
    }

    .header-inner .logo-img {
        background-size: 41px;
        padding: 2px 0 2px 46px;
    }

    .header-inner .logo-img img {
        max-height: 37px;
    }

    .breadcrumbs {
        top: 55px;
    }

    .breadcrumb-list {
        padding: 0 1em;
    }

    main:not(.iframe-main) {
        padding: 1em;
        top: 20px;
    }

    #btn_search_representations, #btn_search_form_responses, .table-of-contents-btn {
        margin-bottom: 2px;
    }

    .page-title, .main-document-title {
        font-size: 40px;
        line-height: 53px;
    }

    .page-title {
        margin-left: 0;
    }

    .readdocument_document h2, .readdocument_document .h2 {
        font-size: 35px;
        line-height: 48px;
    }

    .readdocument_document h3, .readdocument_document .h3 {
        font-size: 32px;
        line-height: 38px;
    }

    .readdocument_document h4, .readdocument_document .h4 {
        font-size: 24px;
        line-height: 33px;
    }

    .readdocument_document h5, .readdocument_document .h5 {
        font-size: 20px;
        line-height: 28px;
    }

    .readdocument_document h6, .readdocument_document .h6 {
        font-size: 18px;
        line-height: 24px;
    }

    .opus-document-list__heading {
        line-height: 1;
    }

    footer {
        top: 100px;
    }

    .footer-top {
        margin: 1em;
    }

    .footer-top-title {
        font-size: 18px;
    }

    .footer-top-content {
        font-size: 14px;
        padding: 1em;
        margin: 0;
    }

    .footer-top .field__label {
        font-size: 14px;
    }

    .footer-bottom {
        margin: 1em;
    }

    .footer-bottom .footer-logo img {
        width: 81px;
        height: 90px;
    }

    .footer-bottom-content {
        border-radius: 5px;
        padding: 20px;
    }

    .footer-social--icons ul {
        padding-top: 4.5em;
        text-align: center;
    }

    .opuscon-footer {
        top: 100px;
    }

}


@media screen and (max-width: 1000px) {

    .footer-top {
        margin: 1em;
    }

    .footer-top-content {
        margin: 0;
    }

}
