@media screen and (max-width: 1060px) {
    #come-together-1, #come-together-2 {
        height: auto;
    }

    /*.hex-content-text {*/
        /*padding-left: 4%;*/
        /*padding-right: 6%;*/
    /*}*/

    /*.hex-content-text-small {*/
        /*padding-left: 4%;*/
        /*padding-right: 6%;*/
    /*}*/

    /*.hex-content-text-link {*/
        /*padding-left: 4%;*/
        /*padding-right: 6%;*/
    /*}*/

    .purple-hex-footer {
        padding-left: 24px;
    }

    .hex, .empty-hex {
        position: relative;
        display: inline-block;
        width: 50%;
        /*width: 33%;*/
    }

    #text-layer {
        width: 36%;
        height: 0;
        z-index: 1003;
    }

    .hex-line {
        position: absolute;
        width: 100%;
        left: 0;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        word-break: keep-all;
        white-space: nowrap;
    }

    #hex-line-2 {
        margin-left: -25%;
    }

    .site-page {
        width: 360px;
        padding-left: 0;
    }

    .member-photo {
        width: 360px;
    }

    .page-header {
        /*display: block;*/
        width: 360px;
        height: 30px;
    }

    #articles {
        box-sizing: border-box;
        width: 360px;
        padding: 0 24px;
    }

    .close-button-overlap {
        left: 360px;
    }

    .member div {
        padding-left: 24px;
    }

    .page-title {
        padding: 0 24px;
        font-size: 22px;
        margin-top: 53px;
        margin-bottom: 13px;
    }

    #right-column {
        padding-left: 0;
    }

    #pseudo-background {
        width: 360px;
        background-color: #fff;
        height: 100%;
        z-index: 1003;
        display: none;
    }

    #participants {
        padding-left: 24px;
    }

    #content-1 .page-header {
        background-color: #31c5f4;
    }

    #content-2 .page-header {
        background-color: #db120b;
    }

    #content-3 .page-header {
        background-color: #6ada18;
    }

    #content-4 .page-header {
        background-color: #ffb40d;
    }

    #content-5 .page-header {
        background-color: #851aff;
    }

    .page-sub-title {
        padding-left: 24px;
    }

    .ac-container input[type="checkbox"]:checked ~ #article1 {
        height: 692px;
    }
    .ac-container input[type="checkbox"]:checked ~ #article2 {
        height: 692px;
    }
    .ac-container input[type="checkbox"]:checked ~ #article3 {
        height: 669px;
    }
    .ac-container input[type="checkbox"]:checked ~ #article4 {
        height: 669px;
    }
    .ac-container input[type="checkbox"]:checked ~ #article5 {
        height: 711px;
    }

    .ac-container input[type="checkbox"]:checked ~ #article6 {
        height: 630px;
        /*height: 730px;*/
    }

    .hex-content-text {
        font-size: 20px;
    }

    #menu-container-1, #menu-container-2, #menu-container-3, #menu-container-4, #menu-container-5 {
        display: none;
    }

    #mobile-menu-container-m {
        display: block;
        font-size: 18px;
        line-height: 54px;
        position: absolute;
        width: 100%;
        top: 0;
    }

    #mobile-menu-container-m-compact {
        width: 360px;
        line-height: 54px;
    }

    #mobile-menu-container-m .menu-caption {
        height: 100%;
        width: 100%;
        margin: 0 0 0 50px;
    }

    #mobile-menu-container-m .menu-caption span {
        display: inline;
    }

    #mobile-menu-container-m .menu-caption {
        display: inline-block;
    }

    #menu-mobile-m .menu-items li {
        display: block;
    }

    #menu-mobile-m .menu-items-m li {
        display: block;
    }

    #player-wrapper {
        bottom: 35px;
        top: auto;
    }

    .hex-content-text {
        font-size: 2.6vw;
    }

    .hex-content-text-small {
        font-size: 1.4vw;
    }

    .hex-content-text-link {
        font-size: 1.4vw;
    }

    #socials a {
        display: inline-block;
    }

    #content-1, #content-4, #content-5 {
        padding-right: 24px;
    }

    #socials {
        z-index: 1004;
        height: 40px;
    }

    #content-1 {
        padding-bottom: 130px;
    }

    #content-2 {
        padding-bottom: 118px;
    }

    #content-3 {
        padding-bottom: 120px;
    }

    #content-4 {
        padding-bottom: 62px;
    }

    #content-5 {
        padding-bottom: 109px;
    }
}

@media screen and (max-width: 600px) {
    #signature-a {
        display: none;
    }

    #signature-b {
        display: block;
    }

    .hex, .empty-hex {
        width: 80%;
    }

    #text-layer {
        width: 75%;
    }

    #hex-line-2 {
        margin-left: -40%;
    }

    .ac-container input[type="checkbox"]:checked ~ #article1 {
        height: 754px;
    }
    .ac-container input[type="checkbox"]:checked ~ #article2 {
        height: 733px;
    }
    .ac-container input[type="checkbox"]:checked ~ #article3 {
        height: 690px;
    }
    .ac-container input[type="checkbox"]:checked ~ #article4 {
        height: 690px;
    }
    .ac-container input[type="checkbox"]:checked ~ #article5 {
        height: 735px;
    }

    .ac-container input[type="checkbox"]:checked ~ #article6 {
        height: 736px;
    }

    .site-page {
        width: 314px;
        padding-left: 0;
    }

    .member-photo {
        width: 320px;
    }

    .page-header {
        width: 314px;
        height: 30px;
        position: fixed;
    }

    #articles {
        width: 314px;
        padding: 0 12px;
    }

    .close-button-overlap {
        left: 314px;
    }

    .member {
        margin-bottom: 40px;
    }

    #participants-title {
        margin-top: 0;
    }

    .page-content-text, .page-content-title {
        box-sizing: border-box;
        width: 314px;
        padding-right: 12px;
        padding-left: 12px;
    }

    .member div {
        padding-left: 12px;
    }

    .page-title {
        padding: 0 12px;
    }

    .page-sub-title {
        padding-left: 12px;
    }

    #participants {
        padding-left: 0;
        width: 314px;
    }

    .hex-content-text {
        font-size: 16px;
    }

    .hex-content-text-small, .hex-content-text-link {
        font-size: 11px;
    }

    #hex-layer {
        display: none;
    }

    .page-bg {
        position: static;
    }

    .close-button {
        display: none;
    }

    .close-button-mobile {
        display: block;
    }

    #overlap-layer {
        visibility: hidden;
        /*display: none;*/
    }

    .images-layer {
        display: none;
    }

    .hex-layer {
        display: none;
    }

    .mobile-layer {
        display: block;
    }

    #text-layer {
        display: none;
    }

    .site-wrapper {
        overflow-y: auto;
        padding-bottom: 150px;
    }

    body, html {
        overflow-y: auto;
    }

    .images-layer {
        display: none;
    }

    .site-page {
        padding-bottom: 24px;
    }

    #mobile-menu-container-m-compact {
        position: fixed;
    }

    #mobile-menu-container-m-compact {
        width: 314px;
        line-height: 54px;
    }

    #content-1, #content-4, #content-5 {
        padding-right: 6px;
    }

    #content-1 .content-bumper {
        padding-bottom: 130px;
    }

    #content-2 .content-bumper {
        padding-bottom: 118px;
    }

    #content-3 .content-bumper {
        padding-bottom: 120px;
    }

    #content-4 .content-bumper {
        padding-bottom: 62px;
    }

    #content-5 .content-bumper {
        padding-bottom: 109px;
    }

    #socials {
        position: absolute;
        z-index: 1000;
    }

    #content-1 .content-bumper {
        padding-bottom: 0;
    }

    #content-2 .content-bumper {
        padding-bottom: 0;
    }

    #content-3 .content-bumper {
        padding-bottom: 0;
    }

    #content-4 .content-bumper {
        padding-bottom: 0;
    }

    #content-5 .content-bumper {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 390px) {
    #mobile-hex-2-under-390 {
        display: inline;
    }

    #mobile-hex-2-over-390 {
        display: none;
    }
}