@media (max-width: 992px) {
    .footer-copyright {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #825aa0;
    }

    .mobile-menu {
        display: flex;
        background-color: #f2f2f2;
        border-bottom: 1px solid #65bfb8;
    }

    .desktop-menu,
    .show-on-desktop-only {
        display: none;
    }

    .mobile-menu .nav-item:first-child {
        margin-top: 10px;
    }

    .mobile-menu .navbar-brand img {
        height: 50px;
    }

    .mobile-menu .dropdown-menu {
        background-color: transparent;
        border: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .mobile-menu .dropdown-menu a {
        color: #825aa0;
        display: block;
        margin-bottom: 10px;
    }

    .mobile-menu .dropdown-menu a:hover {
        text-decoration: none;
        color: black;
    }

    .mobile-menu a,
    .mobile-menu span {
        font-weight: bold;
    }

    .navbar-light .navbar-nav .show>.nav-link {
        color: #825aa0;
    }

    .our-team-wrapper .col-1-of-3 {
        margin-left: auto;
        margin-bottom: 50px;
    }

    .our-team-wrapper .col-2-of-3 {
        margin-bottom: 50px;
    }

    .our-team-wrapper .col-3-of-3 {
        margin-left: auto;
        margin-bottom: 50px;
    }

    .our-team-wrapper .col-1-of-2 {
        margin-left: auto;
        margin-bottom: 50px;
    }

    .our-team-wrapper .col-2-of-2 {
        margin-left: auto;
        margin-bottom: 50px;
    }

    .support-groups-clickable-blocks {
        background-position: center;
    }

    .support-groups-clickable-blocks .support-group-clickable-block-wrapper:first-child .support-group-clickable-block {
        margin-left: 0px;
        margin-bottom: 20px;
    }

    /* move it a bit so the background behind it appears correctly */
    .support-groups-clickable-blocks .support-group-clickable-block-wrapper:nth-child(3) .support-group-clickable-block {
        margin-right: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .create-group-wrapper .create-group-img {
        display: block;
        position: relative;
        right: auto;
        bottom: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .profile-container .profile-hello-img {
        display: block;
        position: relative;
        right: auto;
        bottom: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .opportunity-box-column {
        display: flex;
        justify-content: center !important;
    }

    .search-box-2 {
        text-align: center;
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (min-width: 1200px) {
    .container {
        /* Fixes inconsistent header width on login, forgot password, etc. pages, which were appearing wider than the rest of the site */
        max-width: 1140px !important;
    }
}