.nextCategoryMobile,
#backBottom {
    display: none;
}


/* ----------------- Tablet 720px ----------------- */
@media only screen and ((max-width: 1000px) or (orientation: portrait)) {
    #content {
        width: 100%;
    }

    #content {
        width: 100%;
    }

    .page {
        margin: 0;
        padding: 0.0rem 4.2rem 8.2rem 4.2rem;
        width: 100%;
        height: auto;
        min-height: auto;
        justify-content: flex-start;
        border: none;
    }
    
    .page.centered {
        padding: 0.0rem 4.2rem 8.2rem 4.2rem;
    }
    
    h1, .h1, h2, .h2 {
        margin: 4.4rem auto 5.6rem auto;
        width: fit-content;
    }
    
    h1, .h1 {
        margin: 3.4rem auto 4.6rem auto;
        padding: 0 0 1.2rem 0;
        font-size: 2.6rem;
        line-height: 3.0rem;
        color: var(--clr-gold);
        border-bottom: none;
    }    
    
    .mobileTitle h1,
    .mobileTitle .h1 {
        margin: 4.4rem auto 5.6rem auto;
        padding: 0 0 0.8rem 0;
        font-size: 2.3rem;
        line-height: 3.6rem;
        color: var(--clr-green);
        border-bottom: solid 0.26rem var(--clr-gold);
    }
    
    h2, .h2 {
        padding: 0 0 0.8rem 0;
        font-size: 3.4rem;
        line-height: 4.8rem;
    }

    .mobileTitle {
        display: block;
        margin: 0 0 4.5rem 0;
        padding: 0 2rem;
        width: calc(100% + 8.4rem);
        background-color: var(--clr-mobile-white);
        background-image: url('/public/images/page/section-border.svg?v=1');
        background-position: center bottom;
    }
    
    
    .text {
        font-size: 1.6rem;
        line-height: 2.3rem;
    }
    
    .text .space {
        height: 1.6rem;
    }
    
    .list {
        margin: 0rem auto 0 auto;
        max-width: 86%;
        width: 86%;
        font-family: 'Roboto', sans-serif;
        font-size: 1.6rem;
        line-height: 2.3rem;
    }
    
    .list .item {
        padding: 2.0rem 0 2.0rem 6.0rem;
        text-align: left;
        background-image: url('/public/images/page/icons/list-bullet.svg?v=1');
        background-size: 3.2rem 3.2rem;
        background-position: left center;
    }
    
    
    .categoryName {
        display: none;
    }
    
    .rightLink {
        display: none;
    }    
    
    .pageNavigation {
        display: none;
    }

    .nextCategory {
        display: none;
    }
    
    
    video {
        margin: 1.5rem auto 4.5rem auto;
        height: 35.4rem;
        width: 100%;
    }
    
    
    .button {
        padding: 1.6rem 3.0rem 1.6rem 3.0rem;
        width: max-content;
        color: var(--clr-gold);
        font-size: 1.6rem;
        line-height: 1.6rem;
        font-weight: 400;
        border: solid 0.2rem var(--clr-gold);
        cursor: pointer;
    }
    
    .button:hover {
        color: var(--clr-white);
        background-color: var(--clr-gold);
    }
    
    .button.arrow {
        padding-right: 6.6rem;
        background-size: 1.6rem 1.6rem;
        background-position: center right 3.0rem;
    }
    
    .button.arrow.right {
        background-image: url('/public/images/page/icons/arrow-right-gold.svg?v=1');
    }
    
    .button.arrow.right:hover {
        background-image: url('/public/images/page/icons/arrow-right.svg?v=1');
    }
    
    .button.arrow.down {
        background-image: url('/public/images/page/icons/arrow-down-gold.svg?v=1');
    }
    
    .button.arrow.down:hover {
        background-image: url('/public/images/page/icons/arrow-down.svg?v=1');
    }


    .nextCategoryMobile {
        display: block;
        margin-top: 6rem;
        padding: 2.0rem 7.0rem 2.0rem 3.0rem;
        max-width: 86%;
        color: var(--clr-black);
        font-family: 'Roboto', sans-serif;
        font-size: 1.6rem;
        line-height: 2.0rem;
        background-color: #C09A531A;
        border: solid 0.1rem #C09A5380;
        background-image: url('/public/images/page/icons/arrow-down-gold.svg?v=1');
        background-size: 1.3rem 1.3rem;
        background-position: right 3rem center;
    }

    #backBottom {
        display: block;
        padding: 3.0rem 5.8rem;
        width: 100%;
        color: var(--clr-white);
        font-family: 'Roboto', sans-serif;
        font-size: 1.6rem;
        line-height: 2.0rem;
        background-color: var(--clr-gold);background-image: url('/public/images/page/icons/arrow-left.svg?v=1');
        background-size: 1.6rem 1.6rem;
        background-position: left 2.6rem center;
        text-align: left;
    }
}


/* ----------------- Mobile 360px ----------------- */
@media only screen and (max-width: 500px) {
    #content {
        width: 100%;
    }

    #content {
        width: 100%;
    }

    .page {
        padding: 0.0rem 2.2rem 6.2rem 2.2rem;
    }
    
    .page.centered {
        padding: 0.0rem 2.2rem 6.2rem 2.2rem;
    }

    
    h1, .h1, h2, .h2 {
        margin: 3.4rem auto 4.1rem auto;
    }
    
    h1, .h1 {
        margin: 2.4rem auto 3.1rem auto;
        padding: 0 0 0.8rem 0;
        font-size: 2.2rem;
        line-height: 2.6rem;
    }    
    
    .mobileTitle h1,
    .mobileTitle .h1 {
        margin: 3.4rem auto 4.1rem auto;
        padding: 0 0 0.8rem 0;
        font-size: 2.2rem;
        line-height: 2.6rem;
    }
    
    h2, .h2 {
        padding: 0 0 0.4rem 0;
        font-size: 2.2rem;
        line-height: 2.6rem;
    }

    .mobileTitle {
        margin: 0 0 3rem 0;
        padding: 0 2rem;
        width: calc(100% + 4.4rem);
    }

    .text {
        font-size: 1.6rem;
        line-height: 2.3rem;
    }
    
    .text .space {
        height: 1.6rem;
    }

    
    .list {
        margin: 0rem auto 0 auto;
        max-width: 90%;
        width: 90%;
        font-family: 'Roboto', sans-serif;
        font-size: 1.6rem;
        line-height: 2.3rem;
    }
    
    .list .item {
        padding: 2.0rem 0 2.0rem 6.0rem;
        text-align: left;
        background-image: url('/public/images/page/icons/list-bullet.svg?v=1');
        background-size: 3.2rem 3.2rem;
        background-position: left center;
    }


    video {
        margin: 1.0rem auto 3rem auto;
        height: 19.4rem;
    }
    
}