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

    .header-inner {
        padding: 2em;
        border: none;
        text-align: center;
    }

    .header-inner .logo-img img, .footer-logo img {
        width: 170px;
    }

    .breadcrumb-list {
        padding: 1em;
    }

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

    .page-title-wrapper, .main-document-title-wrapper {
        clip-path: ellipse(122% 306.74% at 50.32% -190.97%);
    }

    .page-title, .main-document-title {
        margin: -1px; /* stop weird white margin on small screens */
    }

    .footer-top .social-link-heading {
        display: none;
    }

    .footer-bottom .row {
        justify-content: center;
    }

    .footer-logo-wrapper {
        margin-bottom: 2em;
    }

    .footer-content  {
        text-align: center;
        font-size: 14px;
    }

}

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

    /* Consultations */

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