@media (max-width: 1080px) {
    .personSwiper-pagination .swiper-pagination-bullet {
        width: 17%;
    }

    .swiper-pagination-bullet-active {
        width: 20% !important;
    }

    .bannerSwiper-next-arrow {
        display: none;
    }

    /* #menu #navbarMenu {
        background-color: var(--color-tertiary);
        position: absolute;
        width: calc(100% - 2vh);
        top: 10vh;
    } */

    #menu #navbarMenu {
        background-color: var(--color-tertiary);
        /* position: absolute; */
        /* top: -1.5rem; */
        /* left: calc(-1.5rem * .5); */
        position: fixed;
        top: 0;
        left: 0;
        width: calc(100% - 2vh);
        height: 0vh;
        /* height: 100vh; */
        width: 100vw;
        padding: 1.5rem 0;
        transition: height 0.5s ease;
    }

    #menu #navbarMenu.show {
        height: 100vh;
        /* o algo grande como 1000px si prefieres */
        padding: 1.5rem 0;
    }

    #menu #navbarMenu .nav-item {
        padding: 10px 0px 10px 20px;
    }

    #news {
        padding-top: 15vh !important;
    }

    #news .card-body {
        padding: 3rem 1rem 1rem 1rem;
    }

    #lastNew .card-body {
        padding: 1rem !important;
    }

    #resume {
        padding-top: 10vh !important;
        background-position: 95%;
        height: 100vh;
    }

    #resume .title {
        font-size: 2rem;
    }

    #resume .area {
        background-color: transparent !important;
        padding: calc(1.5rem * .5);
    }

    #resume .swiper {
        padding: 10% 7%;
        background-color: rgba(var(--color-primary-rgb), 0.7);
    }

    #resume .resumeSwiperPagination {
        bottom: 60px;
    }

    #resume .custom-arrow {
        color: white;
    }

    #gallery {
        padding-top: 0vh !important;
        padding-bottom: 10vh !important;
    }

    #separador {
        height: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 100%;
        z-index: 2;
        padding-top: 45px !important;
        padding-left: 0px !important;
        padding-bottom: 45px !important;
        overflow: hidden;
        text-align: center;
    }

    #footer {
        padding-top: 10vh !important;
        /* padding-bottom: 0vh !important; */
        text-align: center;
    }

    #footer .card-img-top {
        margin: 0 auto;
    }

    #footer .col-md-4 {
        margin-bottom: 5vh !important;
    }

    footer .nav {
        justify-content: center !important;
    }

    #calendar .sports-columned,
    #delegations .sports-columned,
    #sports .sports-columned {
        column-count: 2;
    }

    #games {
        column-gap: 2rem;
        column-count: 1;
        /* padding: 3rem 0rem 0rem 0rem; */
        grid-template-columns: auto;

    }

    #games.show {
        display: block;
    }

    /* #games {
        column-count: 1;
    } */

    /* #games {
        grid-template-columns: 1fr;
    } */
}

@media (max-width: 768px) {

    #calendar .sports-columned,
    #delegations .sports-columned,
    #sports .sports-columned {
        column-count: 1;
    }

    #games {
        column-count: 1;
    }

    /* #games {
        grid-template-columns: 1fr;
    } */

    .game-verus .vs {
        display: none;
        opacity: 0;
    }

    #person .person-box {
        width: 90%;
        margin: 0 auto;
    }

    .table-game-key {
        flex-direction: column-reverse;
    }

    .fase-column {
        min-height: auto;
    }

    #personDetail .itemInscriptions {
        column-count: 1 !important;
    }

    #game-detail {
        padding-bottom: 3rem !important;
    }

    #persons {
        padding-top: 30vh !important;
        margin-bottom: 40vh !important;
        background-position: 85%;
    }

    #personsEvent .list-group {
        justify-content: flex-start;
    }

    #personsEvent .list-group-item {
        white-space: pre-line;
    }

    #personsEvent .separador {
        height: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 100%;
        z-index: 2;
        padding-top: 45px !important;
        padding-left: 0px !important;
        padding-bottom: 45px !important;
        overflow: hidden;
        text-align: center;
    }

}