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


@media screen and (max-width: 480px) {
    .m-show {
        display: block;
    }

    .m-hide {
        display: none;
    }

    .member-profiles li {
        width: 100%;
        text-align: center;
    }

    .member-profiles .member-name:after {
        left: 50%;
        margin-left: -7px;
    }

    footer.footer {
        justify-content: center;
        height: 75px;
    }

    footer .cpr {
        padding-left: 0;
    }

    .menu a {
        font-size: 16px;
    }

    nav {
        justify-content: center;
    }

    #HomePage {
        padding: 20px;
    }

    #HomePage .intro p {
        font-size: 16px;
    }

    .menu {
        padding: 0;
        justify-content: space-between;
    }

    #ContactPage {
        overflow: hidden;
        display: block;
    }

    .page-title {
        background-color: #8d847a;
        color: #c6bfb6;
        font-weight: normal;
        text-align: center;
        font-size: 16px;
        padding: 18px;
    }

    .contact-map {
        width: 100%;
        height: auto;
        flex-shrink: 0;
        display: block;
        max-width: none;
        vertical-align: top;
    }

    .contact-info {
        width: 100%;
    }

    nav.sticky-nav {
        border-width: 8px;
        padding: 12px 20px;
    }

    nav .logo {
        height: 40px;
        width: 70px;
    }

    .menu li:first-child {
        margin-right: 20px;
    }
}