@media screen and (max-width: 768px) {
    main {
        padding: 15px;
    }

    .header-inner {
        padding: 2em 1em 1em;
    }

    .header-inner .logo-img img {
        width: 9.375rem;
    }

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

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

    .readdocument-page main {
        padding: 1rem;
        margin: 1em;
    }

    .footer-bottom {
        margin: 0;
    }

    .footer-content, .footer-logo, .footer-social {
        text-align: center;
    }

    .footer-logo .logo-img img {
        width: 11.25rem;
    }

    .footer-content p {
        padding: 0;
    }

}

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

    .breadcrumbs {
        padding: 0 1em;
    }

    .readdocument-page main {
        margin: 1em;
    }

}

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

    /* Consultations */

    .consultations.offcanvas-button {
        position: sticky;
        margin: 1em 0;
        top: 33px;
    }
}