.main-container {
    color: #fff;
    background-color: #000;
}

@font-face {
    font-family: 'GeForce-Bold';
    src: url('/media/nvidia/fonts/GeForce-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'GeForce-Light';
    src: url('/media/nvidia/fonts/GeForce-Light.otf') format('opentype');
}

@font-face {
    font-family: 'GeForce-Bold-Alt';
    src: url('/media/nvidia/fonts/GeForce-Bold-Alt.ttf') format('opentype');
}

@font-face {
    font-family: 'GeForce-Light-Alt';
    src: url('/media/nvidia/fonts/GeForce-Light-Alt.ttf') format('opentype');
}

@font-face {
    font-family: 'DINPro-Regular';
    src: url('/media/nvidia/fonts/DINPro-Regular_13937.ttf') format('truetype');
}

@font-face {
    font-family: 'NVIDIASans-Italic';
    src: url('/media/nvidia/fonts/NVIDIA-Sans-Font-TTF/NVIDIASans_It.ttf') format('truetype');
}
@font-face {
    font-family: 'NVIDIASans-Medium';
    src: url('/media/nvidia/fonts/NVIDIA-Sans-Font-TTF/NVIDIASans_Md.ttf') format('truetype');
}
@font-face {
    font-family: 'NVIDIASans-Bold';
    src: url('/media/nvidia/fonts/NVIDIA-Sans-Font-TTF/NVIDIASans_Bd.ttf') format('truetype');
}
@font-face {
    font-family: 'NVIDIASans-Regular';
    src: url('/media/nvidia/fonts/NVIDIA-Sans-Font-TTF/NVIDIASans_Rg.ttf') format('truetype');
}

.nvidia-body {
    .section {
        max-width: 1350px;
        margin: auto;
    }

    .shop-now {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0;
        justify-items: center;
        margin: 45px 0;
    }

    .shop-now-2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0;
        justify-items: center;
        margin: 45px 0;
    }

    .shop-now-3 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0;
        justify-items: center;
        margin: 45px 0;
    }

    .shop-now > .cards {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
        grid-gap: 12px;
    }

    .shop-now-2 > .cards {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
        grid-gap: 12px;
    }

    .shop-now-3 > .cards {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
        grid-gap: 12px;
    }

    .shop-now > .cards > .card > .card-body {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        text-align: center;
        grid-gap: 0;
    }

    .shop-now-2 > .cards > .card > .card-body {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        text-align: center;
        grid-gap: 0;
    }

    .shop-now-3 > .cards > .card > .card-body {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        text-align: center;
        grid-gap: 0;
    }

    h1 {
        font-family: NVIDIASans-Bold, sans-serif;
        font-size: 2rem;
        margin: 20px 0;
    }

    h1.alt {
        font-family: NVIDIASans-Regular, sans-serif;
        font-size: 2rem;
        margin: 20px 0;
    }

    h2 {
        font-family: NVIDIASans-Bold, sans-serif;
        font-size: 1.6rem;
        line-height: 1;
        margin: 15px 0;
    }

    h2.alt {
        font-family: NVIDIASans-Regular, sans-serif;
        font-size: 1.6rem;
        line-height: 1;
        margin: 15px 0;
    }

    h3 {
        font-family: NVIDIASans-Bold, sans-serif;
        font-size: 1.2rem;
        margin: 10px 0;
    }

    h3.alt {
        font-family: NVIDIASans-Regular, sans-serif;
        font-size: 1.2rem;
        margin: 10px 0;
    }

    h4 {
        font-family: NVIDIASans-Regular, sans-serif;
        font-size: 1rem;
    }

    .nvidia-text p {
        font-family: NVIDIASans-Regular, sans-serif;
        font-weight: lighter !important;
        font-size: 16px;
        color: #eeeeee;
    }

    .nvidia-text ul {
        font-family: NVIDIASans-Regular, sans-serif;
        font-weight: lighter !important;
        font-size: 16px;
        color: #eeeeee;
    }

    .nvidia-text ul {
        list-style: none;
    }

    .nvidia-text li:before {
        content: ">";
        margin-right: 4px;
    }

    .btn {
        background-color: #76b900;
        color: #ffffff;
        border: none;
        text-decoration: none;
        padding: 10px 30px;
        font-size: 1.3rem;
        margin: 15px 0;
        text-align: center;
        font-family: NVIDIASans-Regular, sans-serif;
        font-weight: 600;
    }

    .nvidia-green {
        color: #76b900;
    }

    .grey {
        color: #666666 !important;
    }

    .text-group {
        padding: 24px;
    }

    img {
        max-width: 100%;
        width: auto;
        height: auto;
        margin: auto;
    }

    .space {
        margin-top: 15px;
    }

    * {
        margin: 0px;
    }

    .info {
        padding-left: 4em;
        padding-right: 4em;
    }

    .padding-space {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .center-image {
        margin: auto;
        text-align: center;
    }

    .dlss-section {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        grid-gap: 0;
        justify-items: center;
        text-align: center;
        margin-bottom: 80px;
    }

    .dlss-section > .text-group {
        grid-row: 1;
        grid-column: 2/10;
        z-index: 1;
    }

    .dlss-image {
        grid-row: 1;
        grid-column: 1/11;
        text-align: center;
    }

    .youtube-container {
        border: 6px solid #666;
        background-color: rgb(0,0,0);
        box-shadow: 0px 5px 8.73px 0.27px rgb(0 0 0 / 55%);
        width: 60%;
        text-align: center;
        margin: auto;
    }

    .ray-tracing-section > .text-group {
        text-align: center;
    }

    .experience {
        background-image: url('/media/nvidia/2024/q4/nvidia-geforce-indiana-jones-game-bundle/img/desktop/nvgf-rtx40sijgc-art-discoverTheExtraordinary-d.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .ultimate-journey {
        background-image: url('/media/nvidia/2024/q3/nvidia-geforce-rtx-40-series-star-wars-outlaws-bundle/img/desktop/nvgf-rtx40sswo-art-nvDlss35-d.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .divider {
        width: 80%;
        border-top: #666666 solid 1px;
        margin: auto;
    }

    .spec-table {
        vertical-align: center !important;
    }

    .nvidia-footer {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 45px;
        justify-items: center;
        padding-bottom: 45px;
        width: 80%;
        /*border-top: #666666 solid 1px;*/
        margin: auto;
        text-align: center;
        color: #666666 !important;
    }

    .nvidia-footer > p {
        color: #666666 !important;
    }

    .btn:hover {
        cursor: pointer !important;
    }

    .top-tools {
        background-image: url('/media/nvidia/2022/q4/nvidia-geforce-rtx-40-series-launch/img/mobile/nvgfrtx40-toptoolsforcreative-mlp.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .center-m {
        text-align: center;
    }

    #two-columns {
        list-style: none;
        counter-reset: item;
    }

    #two-columns > li {
        counter-increment: item;
        margin-bottom: 20px;
        text-align: left;
        position: relative;
        list-style-type: none;
    }

    #two-columns > li:before {
        margin-right: 10px;
        content: counter(item);
        background: #72bb00;
        border-radius: 100%;
        color: white;
        width: 1.2em;
        text-align: center;
        display: inline-block;
        position: absolute;
        left: -2em;
    }

    .visible-desktop {
        display: none;
    }

    .visible-mobile {
        display: block;
        margin: auto;
    }

    .built-for-live-streaming-section {
        text-align: center;
        margin: auto;
    }

    @media (min-width: 768px) {
        .visible-desktop {
            display: block !important;
        }
        .visible-mobile {
            display: none !important;
        }

        #two-columns {
            -moz-column-count: 2;
            -moz-column-gap: 50px;
            -webkit-column-count: 2;
            -webkit-column-gap: 50px;
            column-count: 2;
            column-gap: 50px;
        }

        h1 {
            font-size: 2.6rem;
        }

        h1.alt {
            font-size: 2.6rem;
        }

        h2 {
            font-size: 2.2rem;
        }

        h2.alt {
            font-size: 2.2rem;
        }

        h3 {
            font-size: 1.3rem;
        }

        h3.alt {
            font-size: 1.3rem;
        }

        h4 {
            font-size: 1rem;
        }

        .geforce-rtx-40-series-hero-section {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-gap: 0;
            justify-items: center;
            align-items: center;
        }

        .geforce-rtx-40-series-hero-section > .text-group {
            grid-row: 1;
            grid-column: 2/6;
            z-index: 1;
        }

        .geforce-rtx-40-series-hero-section-2 {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-gap: 0;
            justify-items: center;
            align-items: center;
        }

        .geforce-rtx-40-series-hero-section-2 > .text-group {
            grid-row: 1;
            grid-column: 7/12;
            z-index: 1;
        }

        .geforce-rtx-40-series-hero-image {
            grid-row: 1;
            grid-column: 1/13;
        }

        .shop-now > .cards {
            grid-template-columns: repeat(4, 1fr);
        }

        .shop-now-2 > .cards {
            grid-template-columns: repeat(2, 1fr);
        }

        .shop-now-3 > .cards {
            grid-template-columns: repeat(3, 1fr);
        }

        .info {
            padding-left: 0;
            padding-right: 0;
        }

        .divider {
            display: none;
        }

        .dlss-section {
            margin-bottom: 0px;
        }

        .youtube-container {
            height: 350px;
        }

        .visible-m {
            display: none;
        }

        .center-m {
            text-align: left;
        }

        .ray-tracing-section {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            grid-gap: 0;
            justify-items: center;
            text-align: center;
            position: relative;
        }

        .experience {
            background-image: url('/media/nvidia/2024/q4/nvidia-geforce-indiana-jones-game-bundle/img/mobile/nvgf-rtx40sijgc-art-discoverTheExtraordinary-m.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

        .ultimate-journey {
            background-image: url('/media/nvidia/2024/q3/nvidia-geforce-rtx-40-series-star-wars-outlaws-bundle/img/mobile/nvgf-rtx40sswo-art-nvDlss35-m.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

        .ray-tracing-section > .text-group {
            grid-row: 1;
            grid-column: 1/7;
            z-index: 1;
            text-align: center;
        }

        .ray-tracing-image {
            grid-row: 1;
            grid-column: 1/7;
            text-align: center;
        }

        .top-tools {
            background-image: url('/media/nvidia/2022/q4/nvidia-geforce-rtx-40-series-launch/img/desktop/nvgfrtx40-toptoolsforcreative-dlp.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }
    }
}