@charset "UTF-8";

/* STYLE SHEET */

:root {
    
    /* This default value of 100vh will be replaced with value of window.innerHeight using the JavaScript below on document load... */
    
    /* document.documentElement.style.setProperty('--vh', window.innerHeight + 'px'); */
    
    --vh: 100vh;
}

* {
  box-sizing: border-box;
}

/* FONTS */

@font-face {
        font-family: 'NVIDIA';
        src: url('https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/fonts/nvidia-sans/GLOBAL/var/NVIDIASansVF_W_Wght.woff2') format('woff2 supports variations'),
             url('https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/fonts/nvidia-sans/GLOBAL/var/NVIDIASansVF_W_Wght.woff2') format('woff2-variations');
        font-weight: 100 1000;
        font-stretch: 25% 151%;
        font-style: normal;
        font-display: swap;
      }

@font-face {
	font-family: GeForce;
	src: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/fonts/geforce_bold-webfont.eot');
	font-style: normal;
	font-weight: 500;
}

@font-face {
	font-family: GeForce;
	src: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/fonts/geforce_light-webfont.eot') format("eot");
	font-style: normal;
}

@font-face {
	font-family: GeForce;
	src: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/fonts/geforce_bold-webfont.woff') format("woff");
	font-style: normal;
	font-weight: 500;
}

@font-face {
	font-family: GeForce;
	src: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/fonts/geforce_light-webfont.woff') format("woff");
	font-style: normal;
}

@font-face {
    font-family: 'geforcebold';
    src: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/fonts/geforce-bold-alt-webfont.eot');
    src: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/fonts/geforce-bold-alt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/fonts/geforce-bold-alt-webfont.woff2') format('woff2'),
         url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/fonts/geforce-bold-alt-webfont.woff') format('woff');    
    font-style: normal;
	font-weight: 500;
}

@font-face {
    font-family: 'geforcelight';
    src: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/fonts/geforce-light-alt-webfont.eot');
    src: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/fonts/geforce-light-alt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/fonts/geforce-light-alt-webfont.woff2') format('woff2'),
         url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/fonts/geforce-light-alt-webfont.woff') format('woff');
    font-style: normal;
}

/* hack for iphone viewport overriding overflow-x when applied to body tag only */

/*html, body {
  overflow-x: hidden;
}*/

html, body, .brochure-container {
    /*-webkit-overflow-scrolling: touch;*/
    overflow-x: hidden;
}

/*html, body, .brochure-container {
    overflow: hidden !important;
}*/


/* branded selection color hack */

::selection {
  background: #76b900; /* WebKit/Blink */
}

::-moz-selection {
  background: #76b900; /* Gecko */
}


/* BROCHURE SLIDE SYSTEM */

.scrollmagic-pin-spacer {
    vertical-align: top;
    box-sizing: content-box;
}

#pinned-headline {
    box-sizing: content-box;
    opacity: 0;
}

.nowrap {
    white-space: nowrap;
}

@keyframes BounceUpDown {
  0%, 100% {
    margin-top: 0;
  }
  50% {
    margin-top: -10px;
  }
}

.text-brand-green {
    color: #76b900;
}

.responsiveVideo {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    z-index: 40;
    object-fit: cover;
    display: block;
}


.fullscreenVideoContainer {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}

.fullscreenVideo {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -50%;
    left: -50%;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
    z-index: 40;
}

.contentVideoContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

.contentVideo {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 10%;
    margin: auto;
    height: auto;
    width: 80%;
    max-height: 1080px;
    max-width: 1920px;
    z-index: 40;
}

.nv-brochure-slide img {
    image-rendering: -moz-crisp-edges;          /*Firefox */
    image-rendering: -o-crisp-edges;            /*Opera */
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;               /*Future Standard */
    -ms-interpolation-mode: nearest-neighbor;   /*IE (non-standard property) */
}

#fixed-backgrounds {
    position: absolute;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh));
    top: 0px;
    left: 0px;
    background-color: #000;
    float: left;
    z-index: 0;
}

.brochure-text-module {
    
    position: absolute;
    width: 100%;
    height: 500px;
    bottom: 0px;
    left: 0px;
    
    /*Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 80%); /*FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%); /*Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%); /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
}

.brand-text {
    color: #76b900;
}

.green-divider {
    position: absolute;
    width: 100vw;
    height: 4px;
    background-color: #76b900;
    margin: 0;
    padding: 0;
    top: 0px;
    left: 0px;
    float: left;
    z-index: 60;
}

/* Preload class (without transitions) prevents unwanted glitches on page load */
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

body {
	/*font: 100%/1.4 'NVIDIA', 'DIN Pro', Trebuchet, sans-serif;*/
	color: #fff;
	margin: 0;
	padding: 0;
	background-color: #000;
	/*overflow-y: auto;*/
}


/* Alternative G for GeForce Product Names */
.geforcebold-alt {
	font-family: 'geforcebold';
	font-weight: 500;
}

.geforcelight-alt {
	font-family: 'geforcelight';
	font-weight: normal;
}

.bodytxt {
	font-family: 'NVIDIA';
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
}


/* Font smoothing & antialiasing for text in supported browsers */

/*body {
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    font-synthesis: none;
    -moz-font-feature-settings: 'kern';
    -moz-osx-font-smoothing: grayscale;
}*/

/*html, html a {
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}*/


/* Cool trick to visually eliminate scrollbar from webkit on windows */
body::-webkit-scrollbar {
    width: 0 !important;
}

.mobile-menu-container::-webkit-scrollbar {
    width: 0 !important;
}

.brochure-container::-webkit-scrollbar {
    width: 0 !important;
    backface-visibility: hidden;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}

img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
	
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lowercase {
	text-transform: lowercase;
}

/* Lines can be styled with normal css: */

.line {
	transform-origin: 0 100%;
	height: 2px;
	background: #76b900;

	/* For some nice animation on the rotates: */
	-webkit-transition: -webkit-transform 1s;
	-moz-transition:    -moz-transform 1s;
	transition:         transform 1s;
}

#scroll-menu {
	position: absolute;
	float: right;
	width: 100%;
	height: 80vh;
	top: 50px;
	left: 0px;
	z-index: 105;
	text-align: center;
	padding: 0;
	margin: 0px auto;
	overflow-y: auto;
	display: none;
}

#scroll-menu span {
	position: relative;
	padding: 0;
	margin: 30px auto;
	display: block;
}

.noscroll {
	height: 100vh !important;
	height: var(--vh) !important;
	overflow: hidden !important;
}

.scroll {
	overflow-y: scroll;
}

.rotate0 {
	-webkit-transform: rotate(360deg) translateY(0px);
	-moz-transform: rotate(360deg) translateY(0px);
	transform: rotate(360deg) translateY(0px);
	transition: transform 1s ease-out 0.2s;
}

.rotate360 {
	-webkit-transform: rotate(-720deg) translateY(0px);
	-moz-transform: rotate(-360deg) translateY(0px);
	transform: rotate(-360deg) translateY(0px);
	transition: transform 1s ease-out 0.2s;
}

.rotate180 {
	-webkit-transform: rotate(180deg) translateY(2px);
	-moz-transform: rotate(180deg) translateY(2px);
	transform: rotate(180deg) translateY(2px);
	transition: transform 1s ease-in 0.2s;
}

/* HEADLINES */

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}

h1, h2, h3 {
    position: relative;
    display: block;
	font-family: NVIDIA;
}

.nav-btn {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	top: 28px;
    left: 20px;
    cursor: pointer;
    user-select: none;
	/*background-color: #070;*/
}

.column-container-6 {
	padding-bottom: 0px;
}

.column-container-6 {
	margin-bottom: 60px;
}

.nvidia-logo-light-theme {
	position: relative;
	display: inline-block;
	width: 130px;
	height: 23px;
	background: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-black.svg') no-repeat;
	background-size: contain;
}

.nvidia-logo-dark-theme {
	position: relative;
	display: inline-block;
	width: 130px;
	height: 23px;
	background: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-white.svg') no-repeat;
	background-size: contain;
}

#nv-logo-light {
    position: relative;
    top: 8px;
    left: 10px;
    float: left;
    z-index: 995;
}

#nv-logo-dark {
    position: absolute;
    top: 8px;
    left: 10px;
    float: left;
    z-index: 998;
}

.white {
	color: #fff !important;
}

.offwhite {
	color: #eee !important;
}

.brand-green {
	color: #76b900 !important;
}

.body-on-white {
	color: #666666 !important;
}

.body-on-black {
	color: #eeeeee !important;
}

a {
	color: #76B900;
	outline: 0;
	cursor: pointer;
}

a img {
	border: none;
	cursor: pointer;
}

a:link {
	color: #76B900;
	text-decoration: none;
	cursor: pointer;
}

a:visited {
	color: #76B900;
	text-decoration: underline;
	cursor: pointer;
}

a:hover, a:active, a:focus {
	color: #76B900;
	/*text-decoration: underline;*/
	cursor: pointer;
}

#nav1:hover {
    color: #fff;
    transition: color 0.1s;
}

#nav2:hover {
    color: #fff;
    transition: color 0.1s;
}

#nav3:hover {
    color: #fff;
    transition: color 0.1s;
}

#nav5:hover {
    color: #fff;
    transition: color 0.1s;
}

#nav6:hover {
    color: #fff;
    transition: color 0.1s;
}

#nav7:hover {
    color: #fff;
    transition: color 0.1s;
}

.underlink a:link {
	color: #666;
	text-decoration: underline;
	cursor: pointer;
}

.underlink a:visited {
	color: #666;
	text-decoration: underline;
	cursor: pointer;
}

.underlink a:hover, .underlink a:active, .underlink a:focus {
	color: #666;
	text-decoration: underline;
	cursor: pointer;
}

table, th, td {
    border: none;
    border-collapse: collapse;
}

th, td {
    padding: 10px;
}

.global-header {
	position: absolute;
	width: 100%;
	height: 40px;
	top: 0px;
    left: 0px;
	background-color: #fff;
	z-index: 1999;
    overflow: hidden;
}

#global-header-container {
    position: relative;
    width: 100%;
    max-width: 1290px;
    margin: 0 auto;
}

.global-nav-right {
    margin-right: 10px;
    margin-top: 10px;
}

.fixed-header {
	position: fixed;
    width: 100%;
	height: 106px;
	color: #fff;
	margin: 0;
	padding: 0;
    background-color: rgba(0,0,0,0.9);
	z-index: 1999;
    top: 0;
    right: 0;
    left: 0;
    transition: top .5s;
}

#nav-main {
	position: absolute;
	width: 100%;
	height: 40px;
	left: 0px;
	top: 60px;
	clear: both;
	margin: 0;
	z-index: 990;
    color: #fff;
    background-color: transparent;
}

.navigation {
	position: relative;
	width: 100%;
    height: 66px;
	max-width: 1290px;
	min-width: 0px;
	padding: 0;
	margin: 0;
	top: 0px;
    left: 0px;
}

.nav {
	position: relative;
	color: #999;
	font-size: 16px;
	text-transform: uppercase;
	padding-left: 22px;
	bottom: 4px;
    user-select: none;
	display: inline-block;
    transition: color 0.25s ease-out;
}

#nav1 {
    padding-left: 0px;
}

.nav-left {
    user-select: none;
	white-space: nowrap;
}

.nav-right {
	position: absolute;
	height: 24px;
	width: auto;
    margin: 0;
	padding: 0;
	top: 12px;
    right: 2px;
    user-select: none;
	z-index: 1002;
	float: right;
	display: inline-block;
}

.global-nav-icon  {
    position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
    margin-right: 0px;
    margin-left: 10px;
}

.fixed-header a:link {
	color: #fff;
	text-decoration: none;
}

.fixed-header a:visited {
	color: #fff;
	text-decoration: underline;
}

.fixed-header a:hover, .fixed-header a:active, .fixed-header a:focus {
	color: #76b900;
	text-decoration: none;
}

.container {
	position: absolute;
	width: 100%;
	margin: 0 auto;
    padding: 0;
	top: 0px;
	left: 0px;
}

sup {
	position: relative;
    vertical-align: super;
    font-size: 0.5em;
    line-height: 1em;
}

ul.nav {
	list-style: none;
	border-top: 1px solid #666;
	margin-bottom: 15px;
}

ul.nav li {
	border-bottom: 1px solid #666;
}

ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 15px;
	display: block;
	text-decoration: none;
	color: #000;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	background-color: #ccc;
	color: #fff;
}

.btn-icon-with-txt {
	font-family: NVIDIA;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	display: inline-block;
	height: 30px;
}

.fltrt {
	float: right;
}

.fltlft {
	float: left;
}

.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

.placeholder {
	background-color: #ccc;
	margin-left: 0px;
	margin-top: 0px;
	width: 100%;
	height: 100%;
}

.greenlink a {
	font-family: NVIDIA;
	font-weight: 500;
	font-size: 14px;
	color: #76b900;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	margin-top: 30px;
	cursor: pointer;
}

.slide-container {
    position: relative;
    width: 100vw;
    height: auto;
    min-height: 100vh;
    min-height: calc(var(--vh));
    top: 0px;
    left: 0px;
    float: left;
    overflow: hidden;
}

.slide-clip {
    position: absolute;
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh));
    min-height: 100vh;
    clip: rect(0, auto, auto, 0);
}

.scrolltext-grad {
    position: absolute;
    height: 430px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    float: left;
}

.scrolltext-grad:after {
    position: absolute;
    bottom: 0;  
    height: 100%;
    width: 100%;
    content: "";
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
    background: transparent;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 40%, rgba(0,0,0,1) 100%); /*FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 40%, rgba(0,0,0,1) 100%); /*Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 40%, rgba(0,0,0,1) 100%); /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}



/* TABLE OF CONTENTS */

#lightbox-cover {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh));
    background-color: rgba(0,0,0,0);
    float: left;
    user-select: none;
    pointer-events: none;
    z-index: 900;
    transition: all 0.5s;
}

#lightbox-cover.activated {
    pointer-events: all;
    background-color: rgba(0,0,0,0.25);
    transition: all 0.5s;
}


.ic-toc {
    position: relative;
    width: 34px;
    height: 34px;
    top: 0px;
    right: 0px;
    margin: 0;
    padding: 0;
    /*cursor: pointer;*/
    display: inline-block;
    float: right;
    z-index: 1000;
    transition: all 0.5s ease-in-out;
}

.ic-toc.activated .toc-lines {
    fill: #76b900;
    transition: all 0.5s ease-in-out;
}

#toc {
    position: fixed;
    width: 0px;
    height: 100vh;
    height: calc(var(--vh));
    top: 0px;
    right: -1px;
    bottom: auto;
    background-color: rgba(118,185,0,0.8);
    z-index: 950;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: all 0.5s ease-in-out;
    /*box-shadow: 0px 0px 10px 8px rgba(0,0,0,0.7);*/
}

#toc ul {
    list-style: none;
}

#toc ul {
    position: relative;
    left: 0px;
    top: 50px;
}

#toc ul li a {
    user-select: none;
}

#toc li {
    position: relative;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 10px;
    display: block;
}
    
#toc li a img {
    color: #fff;
    border: 1px solid transparent;
}

#toc li.activated a img {
    color: #76b900;
    border: 1px solid #76b900;
}

#toc.activated {
    width: 240px;
    background-color: rgba(12,12,12,0.9);
    display: block;
    transition: all 0.5s ease-in-out;
}



/* FIXED HEADLINE :: SUPERCHARGED COMPUTING FOR THE DA VINCIS AND EINSTEINS OF OUR TIME */

.brochure-headline {
    position: absolute;
    width: 100vw;
    height: auto;
    z-index: 35;
    float: left;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}

.fixed {
    position: fixed !important;
}

/*.intro-copy p {
    padding-bottom: 1em;
}*/

.intro-copy p:last-child {
    margin-bottom: 0 !important;
}

.caption-copy {
    font-family: NVIDIA;
    font-size: 12px;
    line-height: 16px;
    color: #666;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}

.draggable {
    cursor: move !important;
    cursor: grab !important;
    cursor: -moz-grab !important;
    cursor: -webkit-grab !important;
}

.draggable:active {
    cursor: ns-resize !important;
    cursor: grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: -webkit-grabbing !important;
}

.not-draggable {
    cursor: default !important;
    user-select: none;
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* BROCHURE: ALL RESPONSIVE BREAKPOINTS :: INIT                                                                                                                             */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* #1 - #nvidia-intro :: NVIDIA INTRO WALK-IN ANIMATION :: INIT */

#nvidia-intro {
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh));
    top: 0px;
    left: 0px;
    z-index: 1;
    background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-01-portrait.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left;
}


/* #2-V2 - #da-vincis-einsteins :: SUPERCHARGED COMPUTING FOR THE DA VINCIS AND EINSTEINS OF OUR TIME :: INIT */


/* #3 - #moores-law :: TWO FORCES SHAPING COMPUTING :: INIT */

#moores-law {
    position: relative;
    width: 100vw;
    height: auto;
    top: 0px;
    left: 0px;
    z-index: 30;
    background-color: black; /*rgba(40,0,0,1) */
    transition: none;
    overflow: hidden;
    z-index: 20;
}


/* #4 - #modern-cg :: NVIDIA DEFINES MODERN COMPUTER GRAPHICS :: INIT */

#modern-cg {
    position: relative;
    width: 100vw;
    /*height: 100vh;
    min-height: 230px;*/
    overflow: hidden;
    z-index: 35;
}

#modern-cg-background {
    position: absolute;
    width: 100%;
    /*height: 2880px;*/
    height: 100vh;
    left: 0;
    top: 0;
    background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-brochure-slide05-2560-v2.jpg');
    background-position: top left;
    background-repeat: repeat;
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0.01);
    transform: translate3d(0, 0, 0.01);
}


/* #5 - #new-era-vfx :: A NEW ERA FOR VISUAL EFFECTS :: INIT */

#new-era-vfx {
    filter: brightness(10%);
}

#new-era-vfx-fg-image {
    opacity: 0;
    visibility: hidden;
}


/* #6 - #rtx-gaming :: RTX RESETS GAMING :: INIT */

#rtx-gaming {
    filter: brightness(10%);
}

#rtx-gaming-fg-image {
    opacity: 0;
    visibility: hidden;
}


/* #7 - #next-era-computing :: NVIDIA IS POWERING THE NEXT ERA OF COMPUTING :: INIT */

#next-era-computing {
    position: relative;
    overflow: hidden;
    z-index: 35;
}

#next-era-computing-background {
    position: absolute;
    width: 100%;
    /*height: 2880px;*/
    height: 100vh;
    top: 0;
    left: 0;
    background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-brochure-slide05-2560-v2.jpg');
    background-position: top left;
    background-repeat: repeat;
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0.01);
    transform: translate3d(0, 0, 0.01);
}


/* #8 - #fastest-supercomputers :: POWERING THE WORLD'S FASTEST SUPERCOMPUTERS :: INIT */

#fastest-supercomputers {
    filter: brightness(10%);
}

.mini-logo-container {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    padding-bottom: 30px;
    padding-left: 30px;
}

.mini-logo-inline {
    position: relative;
    display: inline-block;
    top: 0px;
    left: 0px;
}

#fastest-supercomputers-logo-1 {
    width: 88px;
    height: 32px;
    background-color: transparent;
    background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-fastest-supercomputers-aist-laboratory-logo-eee.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    /*margin-right: 15px;*/
}

#fastest-supercomputers-logo-2 {
    width: 132px;
    height: 32px;
    background-color: transparent;
    background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-fastest-supercomputers-cscs-logo-eee.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    /*margin-right: 15px;*/
}

#fastest-supercomputers-logo-3 {
    width: 106px;
    height: 32px;
    background-color: transparent;
    background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-fastest-supercomputers-lawrence-livermore-national-laboratory-logo-eee.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    /*margin-right: 15px;*/
}

#fastest-supercomputers-logo-4 {
    width: 68px;
    height: 32px;
    background-color: transparent;
    background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-fastest-supercomputers-oak-ridge-national-laboratory-logo-eee.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    /*margin-right: 15px;*/
}

#fastest-supercomputers-logo-5 {
    width: 122px;
    height: 32px;
    background-color: transparent;
    background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-fastest-supercomputers-tokyoit-logo-eee.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    /*margin-right: 15px;*/
}


/* #9 - #ai-training-tool :: WORLD'S MOST POWERFUL AI TRAINING TOOL :: INIT */

#ai-training-tool {}

#ai-training-tool-h1 {
    position: relative;
    color: #76b900;
}

.ai-features {
    position: relative;
    display: block;
}

.ai-feature {
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    font-family: NVIDIA;
}

.ai-feature-label {
    position: relative;
    color: #76b900;
}

.ai-feature-value {
    position: relative;
    color: #fff;
}

#ai-training-tool-fg-video {
    position: relative;
    width: calc(100vw - 10px);
    height: calc(100vw * 0.5625);
}




/* #10 - #ai-inference-hyperscale :: POWERING AI INFERENCE FOR HYPERSCALE :: INIT */

#ai-inference-hyperscale {}

#ai-inference-hyperscale-fg-image {
    opacity: 0;
    visibility: hidden;
}


/* #11 - #autonomous-revolution :: AUTONOMOUS MACHINES ARE REVOLUTIONIZING INDUSTRIES :: INIT */

#autonomous-revolution {
    position: relative;
    overflow: hidden;
    z-index: 35;
}

#autonomous-revolution-background {
    position: absolute;
    width: 100%;
    /*height: 2880px;*/
    height: 100vh;
    left: 0;
    top: 0;
    background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-brochure-slide05-2560-v2.jpg');
    background-position: top left;
    background-repeat: repeat;
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0.01);
    transform: translate3d(0, 0, 0.01);
}


/* #12 - #drive-autonomous-vehicles :: NVIDIA DRIVE FOR AUTONOMOUS VEHICLES :: INIT */

#drive-autonomous-vehicles {}


/* #13 - #nvidia-culture :: NVIDIA CULTURE :: INIT */

#nvidia-culture {
    position: relative;
    overflow: hidden;
    z-index: 35;
}

#nvidia-culture-background {
    position: absolute;
    width: 100%;
    /*height: 2880px;*/
    height: 100vh;
    left: 0;
    top: 0;
    background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-brochure-slide05-2560-v2.jpg');
    background-position: top left;
    background-repeat: repeat;
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0.01);
    transform: translate3d(0, 0, 0.01);
}


/* #14 - #jetson-nano-family :: AI IS AUTOMATING THE WORLD :: INIT */

#jetson-nano-family {}

#jetson-nano-family-text {
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}


/* #15 - #nvidia-summary :: NVIDIA SUMMARY :: INIT */

#nvidia-summary {}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* BROCHURE: ALL RESPONSIVE BREAKPOINTS :: ALL ORIENTATIONS & ALL ASPECT RATIOS                                                                                             */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */



/* -------------------------------------------------------------------------------------------------*/
/* BROCHURE: MOBILE BREAKPOINT 320-767 :: ALL ORIENTATIONS & ALL ASPECT RATIOS                */
/* -------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 767px) {
    
    /*h1 {
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1em;
    }*/
    
    .brochure-headline {
        width: calc(100vw - 20px);
        top: 90px;
        left: 10px;
    }
    
    .intro-copy {
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
        font-weight: 100;
        color: #eee;
    }
    
    .intro-copy p:last-child {
        margin-bottom: 0;
    }
    
    .fixed-header.collapsed {
        top: -40px;
        transition: top .5s;
    }
    
    .brochure-headline.fixed.collapsed {
        margin-top: -40px;
        transition: margin 0.2s ease-out;
    }
    
    .brochure-container.collapsed {
        top: 0px;
        margin-top: 0px;
        transition: margin 0.2s ease-out;
    }
    
    .nvidia-logo-dark-theme.collapsed {
        margin-top: 40px;
        transition: margin 0.2s ease-out;
    }
    
    .fixed-header {
        position: fixed;
        width: 100%;
        height: 80px;
        color: #fff;
        margin: 0;
        padding: 0;
        background-color: rgba(0,0,0,0.9);
        z-index: 1999;
        top: 0;
        right: 0;
        left: 0;
        transition: top .5s;
    }
    
    .global-header {
        position: absolute;
        width: 100%;
        height: 40px !important;
        top: 0px;
        left: 0px;
        background-color: #fff;
        z-index: 999;
    }
    
    .global-nav-right {
        margin-right: 10px;
        margin-top: 8px;
    }
    
    .nvidia-logo-light-theme {
        position: relative;
        display: inline-block;
        width: 130px;
        height: 24px;
        background: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-black.svg') no-repeat;
        background-size: contain;
    }
    
    #nv-logo-light {
        position: relative;
        top: 8px;
        left: 10px;
        float: left;
        z-index: 995;
    }
    
    .nvidia-logo-dark-theme {
        position: relative;
        display: inline-block;
        width: 130px;
        height: 24px;
        background: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-white.svg') no-repeat;
        background-size: contain;
    }
    
    #nv-logo-dark {
        position: absolute;
        top: 8px;
        left: 10px;
        float: left;
        z-index: 998;
    }
    
    .global-nav-right {
        margin-right: 2px;
        margin-top: 2px;
    }
    
    .global-nav-icon {
        position: relative;
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-right: 0px;
        margin-left: 5px;
    }
    
    .navigation {
        position: relative;
        width: 100%;
        height: 80px;
        max-width: 1290px;
        min-width: 0px;
        padding: 0;
        margin: 0;
        top: 0px;
        left: 0px;
    }
    
    #nav-main {
        position: absolute;
        width: 100%;
        height: 40px;
        left: 0px;
        top: 40px;
        clear: both;
        margin: 0;
        z-index: 990;
        color: #fff;
        /*transition: all 0.5s;*/
    }
    
    .nav-left {
        display: none;
    }
    
    .nav-right {
        position: absolute;
        height: 34px;
        width: auto;
        min-width: 34px;
        margin: 0;
        padding: 0;
        top: 2px;
        right: 5px;
        z-index: 1002;
        float: right;
        display: inline-block;
        /*background-color: darkblue;*/
    }
    
    .brochure-container {
        position: relative;
        top: 0px;
        /*top: 40px;*/
    }
    
    .body-copy {
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
        color: #eee;
    }
    
    .caption-copy {
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1.333em;
        color: #666;
    }
    
    .nv-brochure-bg {
        position: absolute;
        width: 100%;
        height: 100vh;
        height: calc(var(--vh));
        top: 0px;
        left: 0px;
    }
    
    .nv-brochure {
        position: relative;
        width: 100vw;
        min-height: 5320px;
        margin: 0 auto;
        overflow: hidden;
        backface-visibility: hidden;
        /*overflow-x: hidden;
        overflow-y: auto;*/
    }
    
    .nv-brochure-slide img {
        image-rendering: -moz-crisp-edges;          /*Firefox */
        image-rendering: -o-crisp-edges;            /*Opera */
        image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
        image-rendering: crisp-edges;               /*Standard property */
        -ms-interpolation-mode: nearest-neighbor;   /*IE (non-standard property) */
    }
    
    .brochure-text-module {
        position: absolute;
        width: 100%;
        height: 240px;
        bottom: 0px;
        left: 0px;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 30%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 30%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 30%);
    }
    
    
    /* #1 - #nvidia-intro :: NVIDIA INTRO WALK-IN ANIMATION :: MOBILE BREAKPOINT 320-767 :: ALL ORIENTATIONS & ASPECTS */
    
    #nvidia-intro {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
        overflow: hidden;
    }
    
    #nvidia-intro .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
    }
    
    .nvidia-intro-textcontainer {
        position: fixed;
        width: 100%;
        max-width: 380px;
        height: auto;
        float: left;
        z-index: 999;
        padding: 10px;
        padding-top: 0px;
        margin-top: 10px;
        user-select: none;
        pointer-events: none;
        /*transition: none;*/
    }
    
    #nvidia-intro-nv-logo {
        position: relative;
        display: block;
        width: 80px;
        height: auto;
        left: 20px;
        top: 100px;
    }
    
    .green-divider {
        height: 3px !important;
    }
    
    
    /* #2-V2 - #da-vincis-einsteins :: SUPERCHARGED COMPUTING FOR THE DA VINCIS AND EINSTEINS OF OUR TIME :: MOBILE BREAKPOINT 320-767 :: ALL ORIENTATIONS & ASPECTS */
    
    #da-vincis-einsteins {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
        overflow: hidden;
    }
    
    #da-vincis-einsteins .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
    }
    
    #da-vincis-einsteins-textcontainer {
        position: absolute;
        width: 100vw;
        height: auto;
        top: calc(100vw * 0.5625 - 45px);
        margin-top: 0px;
        padding: 0;
        color: #eee;
        float: left;
        z-index: 50;
    }
    
   .da-vincis-einsteins-textshape {
       position: relative;
       width: 100vw;
       height: auto;
       min-height: 100vh;
       min-height: calc(var(--vh));
       margin: 0;
       clip-path: polygon(100% 0, 380px 0, 60% 100%, 100% 100%);
       -webkit-clip-path: polygon(100% 0, 380px 0, 60% 100%, 100% 100%);
       shape-outside: polygon(100% 0, 320px 0, 60% 100%, 100% 100%);
       shape-margin: 30px;
       background-color: transparent;
       float: right;
       z-index: 51;
       display: none;
    }
    
    #da-vincis-einsteins-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0px auto;
        padding: 0;
        text-align: left;
        z-index: 50;
    }
    
    #da-vincis-einsteins-text p {
        width: 100%;
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 10px;
    }
    
    
    /* #3 - #moores-law :: TWO FORCES SHAPING COMPUTING :: MOBILE BREAKPOINT 320-767 :: ALL ORIENTATIONS & ASPECTS */
    
    #moores-law {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
        overflow: hidden;
    }
    
    #moores-law .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
    }
    
    #moores-law h1 {
        top: 60px;
        left: 10px;
    }
    
    #moores-law-text {
        position: relative;
        width: 100vw;
        left: 0px;
        top: 60px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
    }
    
    #moores-law-chart {
        position: relative;
        width: 100vw;
        height: 50vh;
        margin: 0 auto;
        margin-top: 164px;
        left: 10px;
    }
    
    #moores-law-chart-svg {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 50;
    }
    
    
    /* #turing-gpu :: TURING — A GIANT LEAP FOR GRAPHICS AND AI :: MOBILE BREAKPOINT 320-767 :: ALL ORIENTATIONS & ASPECTS */
    
    #turing-gpu {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
        overflow: hidden;
    }
    
    #turing-gpu .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
    }
    
    #turing-gpu-textcontainer {
        top: 60px;
        left: 10px;
    }
    
    
    /* #4 - #modern-cg :: NVIDIA DEFINES MODERN COMPUTER GRAPHICS :: MOBILE BREAKPOINT 320-767 :: ALL ORIENTATIONS & ASPECTS */
    
    #modern-cg {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
        overflow: hidden;
    }
    
    #modern-cg .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
    }
    
    #modern-cg-textcontainer {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        padding: 0;
        padding-top: 60px;
    }
    
    #modern-cg-h1 {
        position: relative;
        width: 100vw;
        max-width: 420px;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 15px;
        padding: 0;
        padding-right: 30px;
        padding-left: 30px;
        color: #eee;
        font-family: NVIDIA;
        font-size: 22px;
        line-height: 1.2em;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    #modern-cg-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
        z-index: 51;
        float: left;
    }
    
    #modern-cg-text p {
        position: relative;
        padding: 0;
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 15px;
    }
    
    
    /* #5 - #new-era-vfx :: A NEW ERA FOR VISUAL EFFECTS :: MOBILE BREAKPOINT 320-767 :: ALL ORIENTATIONS & ASPECTS */
    
    #new-era-vfx {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 800px;
        overflow: hidden;
    }
    
    #new-era-vfx .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 800px;
    }
    
    #new-era-vfx h1 {
        position: absolute;
        width: 100vw;
        max-width: 330px;
        top: 50px;
        left: 10px;
        color: #76b900;
        z-index: 100;
        padding-right: 10px;
        padding-left: 10px;
    }
    
    #new-era-vfx-textcontainer {
        position: absolute;
        width: 100vw;
        height: auto;
        float: left;
        margin-top: 0px;
        padding: 0px;
        padding-top: calc(100vw * 0.5625 - 15px);
        z-index: 50;
        color: #eee;
    }
    
   .new-era-vfx-textshape {
       position: relative;
       width: 100vw;
       height: auto;
       min-height: 100vh;
       min-height: calc(var(--vh));
       margin: 0;
       clip-path: polygon(100% 0, 380px 0, 60% 100%, 100% 100%);
       -webkit-clip-path: polygon(100% 0, 380px 0, 60% 100%, 100% 100%);
       shape-outside: polygon(100% 0, 320px 0, 60% 100%, 100% 100%);
       shape-margin: 30px;
       background-color: transparent;
       float: right;
       z-index: 51;
       display: none;
    }
    
    #new-era-vfx-text {
        position: relative;
        width: calc(100vw - 20px);
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
    }
    
    #new-era-vfx-text p {
        position: relative;
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 15px;
    }
    
    
    /* #6 - #rtx-gaming :: RTX RESETS GAMING :: MOBILE BREAKPOINT 320-767 :: ALL ORIENTATIONS & ASPECTS */
    
    #rtx-gaming {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
        overflow: hidden;
    }
    
    #rtx-gaming .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
    }
    
    #rtx-gaming-text p {
        position: relative;
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 15px;
    }
    
    
    /* #7 - #next-era-computing :: NVIDIA IS POWERING THE NEXT ERA OF COMPUTING :: MOBILE BREAKPOINT 320-767 :: ALL ORIENTATIONS & ASPECTS */
    
    #next-era-computing {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
        overflow: hidden;
    }
    
    #next-era-computing .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
    }
    
    #next-era-computing {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
        overflow: hidden;
    }
    
    #next-era-computing .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
    }
    
    #next-era-computing-textcontainer {
        position: relative;
        width: 100%;
        /*max-width: calc(100vw - 20px);*/
        top: 70px;
        left: 0px;
        margin: 0 auto;
        padding: 0;
        padding-top: calc(50vh - 260px);
    }
    
    #next-era-computing-h1 {
        position: relative;
        width: calc(100vw - 20px);
        max-width: 420px;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 15px;
        padding: 0;
        padding-right: 30px;
        padding-left: 30px;
        color: #eee;
        font-family: NVIDIA;
        font-size: 22px;
        line-height: 1.2em;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    #next-era-computing-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
        z-index: 51;
        float: left;
    }
    
    #next-era-computing-text p {
        position: relative;
        padding: 0;
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 15px;
    }
    
    
    /* #8 - #fastest-supercomputers :: POWERING THE WORLD'S FASTEST SUPERCOMPUTERS :: MOBILE BREAKPOINT 320-767 :: ALL ORIENTATIONS & ASPECTS */
    
    #fastest-supercomputers {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
        overflow: hidden;
    }
    
    #fastest-supercomputers .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
    }
    
    #fastest-supercomputers h1 {
        position: absolute;
        width: calc(100vw - 20px);
        max-width: 330px;
        top: 50px;
        left: 10px;
        color: #76b900;
        z-index: 100;
    }
    
    #fastest-supercomputers-textcontainer {
        position: absolute;
        width: 100vw;
        height: auto;
        float: left;
        top: 0px;
        left: 0px;
        margin-top: 0px;
        padding: 0px;
        padding-top: calc(100vw * 0.5625);
        z-index: 50;
        color: #eee;
    }
    
   .fastest-supercomputers-textshape {
       position: relative;
       width: 100vw;
       height: auto;
       min-height: 100vh;
       min-height: calc(var(--vh));
       margin: 0;
       clip-path: polygon(100% 0, 380px 0, 60% 100%, 100% 100%);
       -webkit-clip-path: polygon(100% 0, 380px 0, 60% 100%, 100% 100%);
       shape-outside: polygon(100% 0, 320px 0, 60% 100%, 100% 100%);
       shape-margin: 30px;
       background-color: transparent;
       float: right;
       z-index: 51;
       display: none;
    }
    
    #fastest-supercomputers-text {
        position: relative;
        width: 100vw;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
    }
    
    #fastest-supercomputers-text p {
        position: relative;
        padding-right: 10px;
        padding-left: 10px;
        margin-bottom: 15px;
    }
    
    
    /* #9 - #ai-training-tool :: WORLD'S MOST POWERFUL AI TRAINING TOOL :: MOBILE BREAKPOINT 320-767 :: ALL ORIENTATIONS & ASPECTS */
    
    #ai-training-tool {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
        overflow: hidden;
    }
    
    #ai-training-tool .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
    }
    
    .ai-features {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .ai-feature {
        width: 100vw;
        text-align: center;
        margin: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .ai-feature-label {
        font-size: 14px;
    }
    
    .ai-feature-value {
        font-size: 18px;
    }
    
    #ai-training-tool-fg-video {
        position: relative;
        width: calc(100vw - 20px);
        height: calc(100vw * 0.5625);
        margin: 10px;
    }
    
    
    /* #10 - #ai-inference-hyperscale :: POWERING AI INFERENCE FOR HYPERSCALE :: MOBILE BREAKPOINT 320-767 :: ALL ORIENTATIONS & ASPECTS */
    
    #ai-inference-hyperscale {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
        top: 0px;
        left: 0px;
        background: #000 url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-landscape-P.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: scroll;
    }
    
    #ai-inference-hyperscale .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
    }
    
    
    /* #11 - #autonomous-revolution :: AUTONOMOUS MACHINES ARE REVOLUTIONIZING INDUSTRIES :: MOBILE BREAKPOINT 320-767 :: ALL ORIENTATIONS & ASPECTS */
    
    #autonomous-revolution {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
        overflow: hidden;
    }
    
    #autonomous-revolution .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
    }
    
    #autonomous-revolution-textcontainer {
        position: relative;
        width: 100vw;
        max-width: calc(100vw - 20px);
        top: 50px;
        left: 0px;
        margin: 0 auto;
        padding: 0;
        padding-top: calc(50vh - 260px);
    }
    
    #autonomous-revolution-h1 {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 15px;
        padding: 0;
        padding-right: 0px;
        padding-left: 0px;
        color: #eee;
        font-size: 22px;
        line-height: 1.2em;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    #autonomous-revolution-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
        z-index: 51;
        float: left;
    }
    
    #autonomous-revolution-text p {
        position: relative;
        padding: 0;
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 15px;
    }
    
    
    /* #12 - #drive-autonomous-vehicles :: NVIDIA DRIVE FOR AUTONOMOUS VEHICLES :: MOBILE BREAKPOINT 320-767 :: ALL ORIENTATIONS & ASPECTS */
    
    #drive-autonomous-vehicles {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
        top: 0px;
        left: 0px;
        background-color: black;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-P.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-P.jpg');
        background: linear-gradient(145deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-P.jpg');
    }
    
    #drive-autonomous-vehicles .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
    }
    
    #drive-autonomous-vehicles h1 {
        position: relative;
        width: 100%;
        max-width: 240px;
        height: auto;
        top: 40px;
        left: 0px;
        color: #76b900;
        z-index: 100;
        padding: 0;
        padding-left: 10px;
        float: left;
        /*background: brown;*/
    }
    
    #drive-autonomous-vehicles-textcontainer {
        position: relative;
        width: 100vw;
        height: auto;
        top: calc(100vw * 0.5625 + 10vw);
        left: 0px;
        margin: 0;
        margin-top: -60px;
        padding: 0;
        padding-top: 0px;
        padding-bottom: 10px;
        float: left;
        /*background: darkgoldenrod;*/
    }
    
    #drive-autonomous-vehicles-text {
        position: relative;
        width: 100%;
        height: auto;
        /*background: saddlebrown;*/
    }
    
    #drive-autonomous-vehicles-text p {
        padding-right: 10px;
        padding-left: 10px;
        margin-bottom: 15px;
        /*background: brown;*/
    }
    
    
    /* #13 - #nvidia-culture :: NVIDIA CULTURE :: MOBILE BREAKPOINT 320-767 :: ALL ORIENTATIONS & ASPECTS */
    
    #nvidia-culture {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
        overflow: hidden;
    }
    
    #nvidia-culture .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
    }
    
    #nvidia-culture-textcontainer {
        position: relative;
        width: 100vw;
        max-width: calc(100vw - 20px);
        top: 50px;
        left: 0px;
        margin: 0 auto;
        padding: 0;
        padding-top: calc(50vh - 260px);
    }
    
    #nvidia-culture-h1 {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 15px;
        padding: 0;
        padding-right: 0px;
        padding-left: 0px;
        color: #eee;
        font-size: 22px;
        line-height: 1.2em;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    #nvidia-culture-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
        z-index: 51;
        float: left;
    }
    
    #nvidia-culture-text p {
        position: relative;
        padding: 0;
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 15px;
    }
    
    
    /* #14 - #jetson-nano-family :: JETSON AGX AND ISAAC DELIVER AI TO ROBOTICS AND IOT INDUSTRY :: MOBILE BREAKPOINT 320-767 :: ALL ORIENTATIONS & ASPECTS */
    
    #jetson-nano-family {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 600px;
        overflow: hidden;
    }
    
    #jetson-nano-family .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 600px;
    }
    
    #jetson-nano-family .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 600px;
    }
    
    #jetson-nano-family h1 {
        position: relative;
        width: 100%;
        max-width: 240px;
        height: auto;
        top: 40px;
        left: 0px;
        color: #76b900;
        z-index: 100;
        padding: 10px;
        padding-bottom: 0px;
        float: left;
    }
    
    #jetson-nano-family-h1-width {
        max-width: 230px;
    }
    
    #jetson-nano-family-textcontainer {
        position: relative;
        width: 100vw;
        height: auto;
        top: calc(100vw * 0.5625 + 10vw);
        left: 0px;
        margin: 0;
        margin-top: -60px;
        padding: 0;
        padding-top: 0px;
        padding-bottom: 10px;
        float: left;
        /*background: darkgoldenrod;*/
    }
    
    #jetson-nano-family-text {
        position: relative;
        width: 100%;
        height: auto;
        padding-top: 10px;
        /*background: saddlebrown;*/
    }
    
    #jetson-nano-family-text p {
        padding-right: 10px;
        padding-left: 10px;
        margin-bottom: 15px;
        /*background: brown;*/
    }
    
    
    /* #15 - #nvidia-summary :: NVIDIA SUMMARY :: MOBILE BREAKPOINT 320-767 :: ALL ORIENTATIONS & ASPECTS */
    
    #nvidia-summary {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
        overflow: hidden;
    }
    
    #nvidia-summary .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
    }
    
}



/* -------------------------------------------------------------------------------------------------*/
/* BROCHURE: TABLET BREAKPOINT 768-1024 :: ALL ORIENTATIONS & ALL ASPECT RATIOS                     */
/* -------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    
    h1 {
        font-family: NVIDIA;
        font-size: 36px;
        line-height: 1em;
        font-weight: 500;
    }
    
    .brochure-headline {
        width: calc(100vw - 60px);
        top: 110px;
        left: 30px;
        max-width: 500px;
    }
    
    .intro-copy {
        font-family: NVIDIA;
        /*font-size: 24px;*/
        font-size: 18px;
        line-height: 1.5em;
        color: #eee;
    }
    
    .fixed-header.collapsed {
        top: -40px;
        transition: top .5s;
    }
    
    .brochure-headline.fixed.collapsed {
        margin-top: -40px;
        transition: margin 0.2s ease-out;
    }
    
    .brochure-container.collapsed {
        top: 0px;
        margin-top: 0px;
        transition: margin 0.2s ease-out;
    }
    
    .nvidia-logo-dark-theme.collapsed {
        margin-top: 40px;
        transition: margin 0.2s ease-out;
    }
    
    .fixed-header {
        position: fixed;
        width: 100%;
        height: 80px;
        color: #fff;
        margin: 0;
        padding: 0;
        background-color: rgba(0,0,0,0.9);
        z-index: 1999;
        top: 0;
        right: 0;
        left: 0;
        transition: top .5s;
    }
    
    .global-header {
        position: absolute;
        width: 100%;
        height: 40px !important;
        top: 0px;
        left: 0px;
        background-color: #fff;
        z-index: 999;
    }
    
    .global-nav-right {
        margin-right: 10px;
        margin-top: 8px;
    }
    
    .nvidia-logo-light-theme {
        position: relative;
        display: inline-block;
        width: 130px;
        height: 24px;
        background: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-black.svg') no-repeat;
        background-size: contain;
    }
    
    #nv-logo-light {
        position: relative;
        top: 8px;
        left: 10px;
        float: left;
        z-index: 995;
    }
    
    .nvidia-logo-dark-theme {
        position: relative;
        display: inline-block;
        width: 130px;
        height: 24px;
        background: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-white.svg') no-repeat;
        background-size: contain;
    }
    
    #nv-logo-dark {
        position: absolute;
        top: 8px;
        left: 10px;
        float: left;
        z-index: 998;
    }
    
    .global-nav-right {
        margin-right: 2px;
        margin-top: 2px;
    }
    
    .global-nav-icon {
        position: relative;
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-right: 0px;
        margin-left: 5px;
    }
    
    .navigation {
        position: relative;
        width: 100%;
        height: 80px;
        max-width: 1290px;
        min-width: 0px;
        padding: 0;
        margin: 0;
        top: 0px;
        left: 0px;
    }
    
    #nav-main {
        position: absolute;
        width: 100%;
        height: 40px;
        left: 0px;
        top: 40px;
        clear: both;
        margin: 0;
        z-index: 990;
        color: #fff;
        /*background-color: darkred;*/
    }
    
    .nav-left {
        position: relative;
        width: auto;
        height: 80px;
        display: none;
    }
    
    .nav-btn {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 0;
        top: 30px;
        left: 0px;
        height: 50px;
        cursor: pointer;
        /*background-color: #070; */
    }
    
    .nav-right {
        position: absolute;
        height: 34px;
        width: auto;
        min-width: 34px;
        margin: 0;
        padding: 0;
        top: 3px;
        right: 10px;
        z-index: 1002;
        float: right;
        display: inline-block;
        /*background-color: darkblue; */
    }
    
    .brochure-container {
        position: relative;
        top: 0px;
        /*top: 40px;*/
    }
    
    .body-copy {
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
        color: #eee;
    }
    
    .caption-copy {
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1.333em;
        color: #666;
    }
    
    .nv-brochure-bg {
        position: absolute;
        width: 100%;
        height: 100vh;
        height: calc(var(--vh));
        top: 0px;
        left: 0px;
    }
    
    .nv-brochure {
        position: relative;
        width: 100vw;
        min-height: 5320px;
        margin: 0 auto;
        text-align: center;
        top: 0px;
    }
    
    .nv-brochure-slide img {
        image-rendering: -moz-crisp-edges;       /*Firefox */
        image-rendering: -o-crisp-edges;         /*Opera */
        image-rendering: -webkit-optimize-contrast;/*Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;  /*IE (non-standard property) */
    }
    
    
    /* #1 - #nvidia-intro :: NVIDIA INTRO WALK-IN ANIMATION :: TABLET BREAKPOINT 768-1024 :: ALL ORIENTATIONS & ASPECTS */
    
    #nvidia-intro {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        overflow: hidden;
    }
    
    #nvidia-intro .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    .nvidia-intro-textcontainer {
        position: fixed;
        width: 100%;
        max-width: 810px;
        height: auto;
        float: left;
        z-index: 999;
        margin-top: 0px;
        padding: 60px;
        user-select: none;
        pointer-events: none;
        transition: none;
    }
    
    #nvidia-intro-nv-logo {
        position: relative;
        display: block;
        width: 120px;
        height: auto;
        left: 60px;
        top: 140px;
        /*transition: all 1s;*/
    }
    
    .scrolltext-grad {
        position: absolute;
        height: 460px;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 40;
        
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
        background: transparent;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 40%, rgba(0,0,0,1) 100%); /*FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 40%, rgba(0,0,0,1) 100%); /*Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 40%, rgba(0,0,0,1) 100%); /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
    
    .brochure-text-module {
        position: absolute;
        width: 100%;
        height: 500px;
        bottom: 0px;
        left: 0px;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 30%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 30%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 30%);
    }
    
    
    /* #2-V2 - #da-vincis-einsteins :: SUPERCHARGED COMPUTING FOR THE DA VINCIS AND EINSTEINS OF OUR TIME :: TABLET BREAKPOINT 768-1024 :: ALL ORIENTATIONS & ASPECTS */
    
    #da-vincis-einsteins {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        overflow: hidden;
    }
    
    #da-vincis-einsteins .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    #da-vincis-einsteins-textcontainer {
        position: absolute;
        width: 100vw;
        height: auto;
        float: left;
        padding: 0;
        margin: 0;
        top: calc(100vh * 0.5625);
        color: #eee;
    }
    
    #da-vincis-einsteins-text {
        position: relative;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
    }
    
    #da-vincis-einsteins-text p {
        max-width: none;
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 15px;
    }
    
    
    /* #3 - #moores-law :: TWO FORCES SHAPING COMPUTING :: TABLET BREAKPOINT 768-1024 :: ALL ORIENTATIONS & ASPECTS */
    
    #moores-law {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        overflow: hidden;
    }
    
    #moores-law .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    
    
    
    /* #4 - #modern-cg :: NVIDIA DEFINES MODERN COMPUTER GRAPHICS :: TABLET BREAKPOINT 768-1024 :: ALL ORIENTATIONS & ASPECTS */
    
    #modern-cg {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        overflow: hidden;
    }
    
    #modern-cg .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    #modern-cg-textcontainer {
        position: relative;
        width: 100vw;
        max-width: 720px;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        padding-top: 94px;
    }
    
    #modern-cg-h1 {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 30px;
        padding-right: 30px;
        padding-left: 30px;
        font-family: NVIDIA;
        font-size: 48px;
        line-height: 1.2em;
        color: #eee;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    #modern-cg-text {
        position: relative;
        width: 100%;
        max-width: 778px;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        color: #eee;
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1.5em;
        text-align: left;
        z-index: 51;
        float: left;
    }
    
    #modern-cg-text p {
        max-width: none;
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 30px;
    }
    
    
    /* #5 - #new-era-vfx :: A NEW ERA FOR VISUAL EFFECTS :: TABLET BREAKPOINT 768-1024 :: ALL ORIENTATIONS & ASPECTS */
    
    #new-era-vfx {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        overflow: hidden;
    }
    
    #new-era-vfx .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    #new-era-vfx-textcontainer {
        position: absolute;
        width: 100vw;
        height: auto;
        float: left;
        padding: 30px;
        margin: 0px;
        top: calc(100vh * 0.5625);
        color: #eee;
    }
    
    #new-era-vfx-text {
        position: relative;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
    }
    
    
    /* #6 - #rtx-gaming :: RTX RESETS GAMING :: TABLET BREAKPOINT 768-1024 :: ALL ORIENTATIONS & ASPECTS */
    
    #rtx-gaming {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        overflow: hidden;
    }
    
    #rtx-gaming .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    
    /* #7 - #next-era-computing :: NVIDIA IS POWERING THE NEXT ERA OF COMPUTING :: TABLET BREAKPOINT 768-1024 :: ALL ORIENTATIONS & ASPECTS */
    
    #next-era-computing {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        overflow: hidden;
    }
    
    #next-era-computing .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    #next-era-computing-textcontainer {
        position: relative;
        width: 100vw;
        max-width: 690px;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        padding-top: 94px;
    }
    
    #next-era-computing-h1 {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 30px;
        padding-right: 30px;
        padding-left: 30px;
        font-size: 48px;
        line-height: 1.2em;
        color: #eee;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    #next-era-computing-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        color: #eee;
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1.5em;
        text-align: left;
        z-index: 51;
        float: left;
    }
    
    #next-era-computing-text p {
        max-width: none;
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 30px;
    }
    
    
    /* #8 - #fastest-supercomputers :: POWERING THE WORLD'S FASTEST SUPERCOMPUTERS :: TABLET BREAKPOINT 768-1024 :: ALL ORIENTATIONS & ASPECTS */
    
    #fastest-supercomputers {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        overflow: hidden;
    }
    
    #fastest-supercomputers .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    
    /* #9 - #ai-training-tool :: WORLD'S MOST POWERFUL AI TRAINING TOOL :: TABLET BREAKPOINT 768-1024 :: ALL ORIENTATIONS & ASPECTS */
    
    #ai-training-tool {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        overflow: hidden;
    }
    
    #ai-training-tool .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    .ai-features {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .ai-feature {
        width: 100vw;
        text-align: center;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .ai-feature-label {
        font-size: 18px;
    }
    
    .ai-feature-value {
        font-size: 24px;
    }
    
    #ai-training-tool-fg-video {
        position: relative;
        width: calc(100vw - 120px);
        height: calc(100vw * 0.5625);
        margin: 60px;
    }
    
    /* #10 - #ai-inference-hyperscale :: POWERING AI INFERENCE FOR HYPERSCALE :: TABLET BREAKPOINT 768-1024 :: ALL ORIENTATIONS & ASPECTS */
    
    #ai-inference-hyperscale {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        top: 0px;
        left: 0px;
        background: #000 url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-landscape-T.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #ai-inference-hyperscale .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    
    /* #11 - #autonomous-revolution :: AUTONOMOUS MACHINES ARE REVOLUTIONIZING INDUSTRIES :: TABLET BREAKPOINT 768-1024 :: ALL ORIENTATIONS & ASPECTS */
    
    #autonomous-revolution {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        overflow: hidden;
    }
    
    #autonomous-revolution .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    #autonomous-revolution-h1 {
        position: relative;
        left: 10px;
        top: 90px;
        width: calc(100vw - 60px);
        max-width: 778px;
        height: auto;
        font-size: 48px;
        line-height: 1.2em;
        color: #eee;
        text-align: left;
        margin-top: 60px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
        z-index: 50;
        transition: all 1s ease-out;
    }
    
    #autonomous-revolution-textcontainer {
        position: relative;
        width: calc(100vw - 60px);
        top: 0px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        height: auto;
        padding-top: 120px;
        padding-top: calc(50vh - 360px);
        padding-bottom: 120px;
        /*padding-bottom: calc(50vh - 250px);*/
    }
    
    #autonomous-revolution-text {
        position: relative;
        width: calc(100vw - 60px);
        max-width: 778px;
        left: 10px;
        top: 90px;
        margin-left: auto;
        margin-right: auto;
        text-transform: none;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1.5em;
        z-index: 51;
        transition: all 1s ease-out;
    }
    
    #autonomous-revolution-text p {
        max-width: none;
        margin-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
    }
    
    
    /* #12 - #drive-autonomous-vehicles :: NVIDIA DRIVE FOR AUTONOMOUS VEHICLES :: TABLET BREAKPOINT 768-1024 :: ALL ORIENTATIONS & ASPECTS */
    
    #drive-autonomous-vehicles {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        top: 0px;
        left: 0px;
        background-color: black;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-T.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-T.jpg');
        background: linear-gradient(145deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-T.jpg');
        overflow: hidden;
    }
    
    #drive-autonomous-vehicles .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    #drive-autonomous-vehicles-h1 {
        position: relative;
        width: 100vw;
        max-width: 480px;
        height: auto;
        top: 40px;
        left: 0px;
        color: #76b900;
        z-index: 100;
        margin: 0;
        padding: 30px;
        padding-bottom: 30px;
        float: left;
        /*background: brown;*/
    }
    
    #drive-autonomous-vehicles-h1-width {
        max-width: 430px;
    }
    
    #drive-autonomous-vehicles-textcontainer {
        position: relative;
        width: 100vw;
        height: auto;
        top: 0px;
        left: 0px;
        margin: 0;
        padding: 0;
        padding-top: 30px;
        padding-bottom: 30px;
        float: left;
        /*background: darkgoldenrod;*/
    }
    
    #drive-autonomous-vehicles-text {
        position: relative;
        width: 400px;
        height: auto;
        /*background: saddlebrown;*/
    }
    
    #drive-autonomous-vehicles-text p {
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 15px;
        /*background: brown;*/
    }
    
    
    /* #13 - #nvidia-culture :: NVIDIA CULTURE :: TABLET BREAKPOINT 768-1024 :: ALL ORIENTATIONS & ASPECTS */
    
    #nvidia-culture {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        overflow: hidden;
    }
    
    #nvidia-culture .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    #nvidia-culture-textcontainer {
        position: relative;
        width: 100vw;
        max-width: 690px;
        top: 110px;
        left: 0px;
        margin: 0 auto;
        padding-top: calc(50vh - 420px);
    }
    
    #nvidia-culture-h1 {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 30px;
        padding-right: 30px;
        padding-left: 30px;
        font-size: 48px;
        line-height: 1.2em;
        color: #eee;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    #nvidia-culture-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        color: #eee;
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1.5em;
        text-align: left;
        z-index: 51;
        float: left;
    }
    
    #nvidia-culture-text p {
        max-width: none;
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 30px;
    }
    
    
    /* #14 - #jetson-nano-family :: JETSON AGX AND ISAAC DELIVER AI TO ROBOTICS AND IOT INDUSTRY :: TABLET BREAKPOINT 768-1024 :: ALL ORIENTATIONS & ASPECTS */
    
    #jetson-nano-family {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 510px;
        overflow: hidden;
    }
    
    #jetson-nano-family .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 510px;
    }
    
    #jetson-nano-family-h1 {
        position: relative;
        width: 100vw;
        max-width: 480px;
        height: auto;
        top: 40px;
        left: 0px;
        color: #76b900;
        z-index: 100;
        margin: 0;
        padding: 30px;
        padding-bottom: 30px;
        float: left;
        /*background: brown;*/
    }
    
    #jetson-nano-family-h1-width {
        max-width: 430px;
    }
    
    #jetson-nano-family-textcontainer {
        position: relative;
        width: 100vw;
        height: auto;
        top: 0px;
        left: 0px;
        margin: 0;
        padding: 0;
        padding-top: 30px;
        padding-bottom: 30px;
        float: left;
        /*background: darkgoldenrod;*/
    }
    
    #jetson-nano-family-text {
        position: relative;
        width: 400px;
        height: auto;
        /*background: saddlebrown;*/
    }
    
    #jetson-nano-family-text p {
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 15px;
        /*background: brown;*/
    }
    
    
    /* #15 - #nvidia-summary :: NVIDIA SUMMARY :: TABLET BREAKPOINT 768-1024 :: ALL ORIENTATIONS & ASPECTS */
    
    #nvidia-summary {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        overflow: hidden;
    }
    
    #nvidia-summary .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    
}



/* -------------------------------------------------------------------------------------------------*/
/* BROCHURE: LAPTOP BREAKPOINT 1025-1349 :: ALL ORIENTATIONS & ALL ASPECT RATIOS                    */
/* -------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1025px) and (max-width: 1349px) {
    
    h1 {
        font-family: NVIDIA;
        font-size: 48px;
        line-height: 1em;
        font-weight: 500;
    }
    
    .brochure-headline {
        width: 100vw;
        top: 180px;
        left: 60px;
        max-width: 680px;
    }
    
    .fixed-header.collapsed {
        top: -40px;
        transition: top .5s;
    }
    
    .brochure-headline.fixed.collapsed {
        margin-top: -40px;
        transition: margin 0.2s ease-out;
    }
    
    .brochure-container.collapsed {
        top: 0px;
        margin-top: 0px;
        transition: margin 0.2s ease-out;
    }
    
    .nvidia-logo-dark-theme.collapsed {
        margin-top: 52px;
        transition: margin 0.2s ease-out;
    }
    
    .fixed-header {
        position: fixed;
        width: 100%;
        height: 106px;
        color: #fff;
        margin: 0;
        padding: 0;
        background-color: rgba(0,0,0,0.9);
        z-index: 1999;
        top: 0;
        right: 0;
        left: 0;
        transition: top .5s;
    }
    
    .global-header {
        position: absolute;
        width: 100%;
        height: 40px;
        top: 0px;
        left: 0px;
        background-color: #fff;
        z-index: 999;
    }
    
    .global-nav-right {
        margin-right: 10px;
        margin-top: 8px;
    }
    
    #nv-logo-light {
        position: relative;
        top: 8px;
        left: 10px;
        float: left;
        z-index: 995;
    }
    
    .nvidia-logo-light-theme {
        position: relative;
        display: inline-block;
        width: 130px;
        height: 24px;
        background: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-black.svg') no-repeat;
        background-size: contain;
    }
    
    #nv-logo-dark {
        position: absolute;
        top: 8px;
        left: 10px;
        float: left;
        z-index: 998;
    }
    
    .nvidia-logo-dark-theme {
        position: relative;
        display: inline-block;
        width: 130px;
        height: 24px;
        background: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-white.svg') no-repeat;
        background-size: contain;
    }
    
    .global-nav-right {
        margin-right: 10px;
        margin-top: 8px;
    }
    
    .global-nav-icon {
        position: relative;
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 0px;
        margin-left: 10px;
    }
    
    .navigation {
        position: relative;
        width: 100%;
        height: 120px;
        max-width: 1290px;
        min-width: 0px;
        padding: 0;
        margin: 0;
        top: 0px;
        left: 0px;
    }
    
    #nav-main {
        position: absolute;
        width: 100%;
        height: auto;
        min-height: 66px;
        left: 0px;
        top: 40px;
        clear: both;
        margin: 0;
        padding: 0;
        z-index: 990;
        color: #fff;
        /*background-color: darkblue;*/
        text-align: center;
    }
    
    .nav-left {
        display: auto;
    }
    
    .nav-right {
        position: absolute;
        height: 34px;
        width: auto;
        min-width: 34px;
        margin: 0;
        padding: 0;
        top: 0px;
        right: 0px;
        z-index: 1002;
        float: right;
        display: block;
        background-color: transparent;
        /*background-color: blue;*/
    }
    
    .ic-toc {
        top: 18px;
        right: 18px;
    }
    
    #toc ul {
        position: relative;
        left: 0px;
        top: 80px;
    }
    
    .brochure-container {
        position: relative;
        top: 0px;
        /*top: 40px;*/
    }
    
    .body-copy {
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
        color: #eee;
    }
    
    .caption-copy {
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1.333em;
        color: #666;
    }
    
    .nv-brochure-bg {
        position: absolute;
        width: 100%;
        height: 100vh;
        height: calc(var(--vh));
        top: 0px;
        left: 0px;
    }
    
    .nv-brochure {
        position: relative;
        width: 100vw;
        min-height: 5320px;
        margin: 0 auto;
        text-align: center;
        top: 0px;
    }
    
    .nv-brochure-slide img {
        image-rendering: -moz-crisp-edges;       /*Firefox */
        image-rendering: -o-crisp-edges;         /*Opera */
        image-rendering: -webkit-optimize-contrast;/*Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;  /*IE (non-standard property) */
    }
    
    
    /* #1 - #nvidia-intro :: NVIDIA INTRO WALK-IN ANIMATION :: LAPTOP BREAKPOINT 1025-1349 :: ALL ORIENTATIONS & ASPECTS */
    
    #nvidia-intro {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        overflow: hidden;
    }
    
    #nvidia-intro .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    .nvidia-intro-textcontainer {
        position: fixed;
        width: 670px;
        height: auto;
        float: left;
        z-index: 99999;
        padding: 30px;
        padding-top: 0px;
        margin-top: 30px;
        user-select: none;
        pointer-events: none;
        transition: none;
    }
    
    #nvidia-intro-nv-logo {
        position: absolute;
        display: block;
        width: 120px;
        height: auto;
        margin: 0;
        left: 60px;
        top: 180px;
    }
    
    /* #2-V2 - #da-vincis-einsteins :: SUPERCHARGED COMPUTING FOR THE DA VINCIS AND EINSTEINS OF OUR TIME :: LAPTOP BREAKPOINT 1025-1349 :: ALL ORIENTATIONS & ASPECTS */
    
    #da-vincis-einsteins {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        overflow: hidden;
    }
    
    #da-vincis-einsteins .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    #da-vincis-einsteins-textcontainer {
        position: absolute;
        width: 100%;
        height: auto;
        float: left;
        padding: 60px;
        padding-top: 0;
        padding-bottom: 0;
        color: #eee;
    }
    
    #da-vincis-einsteins-text {
        position: relative;
        width: 100%;
        max-width: 1200px;
        height: auto;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0 auto;
    }
    
    
    /* #3 - #moores-law :: TWO FORCES SHAPING COMPUTING :: LAPTOP BREAKPOINT 1025-1349 :: ALL ORIENTATIONS & ASPECTS */
    
    #moores-law {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        overflow: hidden;
    }
    
    #moores-law .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    
    /* #4 - #modern-cg :: NVIDIA DEFINES MODERN COMPUTER GRAPHICS :: LAPTOP BREAKPOINT 1025-1349 :: ALL ORIENTATIONS & ASPECTS */
    
    #modern-cg {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        overflow: hidden;
    }
    
    #modern-cg .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    #modern-cg-textcontainer {
        position: relative;
        width: 100vw;
        max-width: 910px;
        top: 110px;
        left: 0px;
        margin: 0 auto;
        padding-top: calc(50vh - 350px);
    }
    
    #modern-cg-h1 {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 30px;
        padding-right: 60px;
        padding-left: 60px;
        font-family: NVIDIA;
        font-size: 60px;
        line-height: 1.2em;
        color: #eee;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    #modern-cg-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        padding: 0;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1.5em;
        z-index: 51;
        float: left;
    }
    
    #modern-cg-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    
    /* #5 - #new-era-vfx :: A NEW ERA FOR VISUAL EFFECTS :: LAPTOP BREAKPOINT 1025-1349 :: ALL ORIENTATIONS & ASPECTS */
    
    #new-era-vfx {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        overflow: hidden;
    }
    
    #new-era-vfx .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    #new-era-vfx-textcontainer {
        position: absolute;
        width: 100%;
        height: auto;
        float: left;
        padding: 60px;
        padding-top: 0;
        padding-bottom: 0;
        color: #eee;
    }
    
    #new-era-vfx-text {
        position: relative;
        width: 100%;
        max-width: 1200px;
        height: auto;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0 auto;
    }
    
    #new-era-vfx-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    
    /* #6 - #rtx-gaming :: RTX RESETS GAMING :: LAPTOP BREAKPOINT 1025-1349 :: ALL ORIENTATIONS & ASPECTS */
    
    #rtx-gaming {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        overflow: hidden;
    }
    
    #rtx-gaming .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    
    /* #7 - #next-era-computing :: NVIDIA IS POWERING THE NEXT ERA OF COMPUTING :: LAPTOP BREAKPOINT 1025-1349 :: ALL ORIENTATIONS & ASPECTS */
    
    #next-era-computing {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        overflow: hidden;
    }
    
    #next-era-computing .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    #next-era-computing-textcontainer {
        position: relative;
        width: 100vw;
        max-width: 880px;
        top: 110px;
        left: 0px;
        margin: 0 auto;
        padding-top: calc(50vh - 350px);
    }
    
    #next-era-computing-h1 {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 30px;
        padding-right: 60px;
        padding-left: 60px;
        font-size: 60px;
        line-height: 1.2em;
        color: #eee;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    #next-era-computing-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        padding: 0;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1.5em;
        z-index: 51;
        float: left;
    }
    
    #next-era-computing-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    
    /* #8 - #fastest-supercomputers :: POWERING THE WORLD'S FASTEST SUPERCOMPUTERS :: LAPTOP BREAKPOINT 1025-1349 :: ALL ORIENTATIONS & ASPECTS */
    
    #fastest-supercomputers {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        overflow: hidden;
    }
    
    #fastest-supercomputers .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    
    /* #9 - #ai-training-tool :: WORLD'S MOST POWERFUL AI TRAINING TOOL :: LAPTOP BREAKPOINT 1025-1349 :: ALL ORIENTATIONS & ASPECTS */
    
    #ai-training-tool {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        overflow: hidden;
    }
    
    #ai-training-tool .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    .ai-features {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .ai-feature {
        width: 100vw;
        text-align: center;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .ai-feature-label {
        font-size: 18px;
    }
    
    .ai-feature-value {
        font-size: 36px;
    }
    
    #ai-training-tool-fg-video {
        position: relative;
        width: calc(100vw - 120px);
        height: calc(100vw * 0.5625);
        margin: 60px;
    }
    
    
    /* #10 - #ai-inference-hyperscale :: POWERING AI INFERENCE FOR HYPERSCALE :: LAPTOP BREAKPOINT 1025-1349 :: ALL ORIENTATIONS & ASPECTS */
    
    #ai-inference-hyperscale {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        top: 0px;
        left: 0px;
        background: #000 url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-landscape-L.jpg');
        /*background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-landscape-L.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-landscape-L.jpg');
        background: linear-gradient(145deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-landscape-L.jpg');*/
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        overflow: hidden;
    }
    
    #ai-training-tool .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    
    /* #11 - #autonomous-revolution :: AUTONOMOUS MACHINES ARE REVOLUTIONIZING INDUSTRIES :: LAPTOP BREAKPOINT 1025-1349 :: ALL ORIENTATIONS & ASPECTS */
    
    #autonomous-revolution {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        overflow: hidden;
    }
    
    #autonomous-revolution .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    #autonomous-revolution-h1 {
        position: relative;
        top: 0px;
        left: 0px;
        width: calc(100vw - 60px);
        max-width: 860px;
        height: auto;
        font-size: 60px;
        line-height: 1.2em;
        color: #eee;
        text-align: left;
        margin-top: 66px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        padding-top: 60px;
        padding-bottom: 0px;
        z-index: 50;
        transition: all 1s ease-out;
    }
    
    #autonomous-revolution-textcontainer {
        position: relative;
        width: calc(100vw - 60px);
        /*max-width: 760px;*/
        top: 0px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        height: auto;
        padding-top: 120px;
        padding-top: calc(50vh - 346px);
        padding-bottom: 126px;
        /*padding-bottom: calc(50vh - 300px);*/
    }
    
    #autonomous-revolution-text {
        position: relative;
        width: calc(100vw - 60px);
        max-width: 860px;
        top: 0px;
        left: 0px;
        padding-top: 30px;
        padding-bottom: 60px;
        margin-left: auto;
        margin-right: auto;
        text-transform: none;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1.5em;
        z-index: 51;
        transition: all 1s ease-out;
    }
    
    #autonomous-revolution-text p {
        max-width: 850px;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 30px;
        
    }
    
    
    /* #12 - #drive-autonomous-vehicles :: NVIDIA DRIVE FOR AUTONOMOUS VEHICLES :: LAPTOP BREAKPOINT 1025-1349 :: ALL ORIENTATIONS & ASPECTS */
    
    #drive-autonomous-vehicles {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        top: 0px;
        left: 0px;
        background-color: black;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-L.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-L.jpg');
        background: linear-gradient(145deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-L.jpg');
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 100vw;
        background-attachment: fixed;
        overflow: hidden;
    }
    
    #drive-autonomous-vehicles .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    #drive-autonomous-vehicles-h1 {
        position: relative;
        width: 100%;
        top: 108px;
        left: 0px;
        color: #76b900;
        z-index: 100;
        padding: 60px;
        padding-top: 0px;
        padding-bottom: 0px;
        /*background: brown;*/
    }
    
    #drive-autonomous-vehicles-h1-width {
        max-width: 640px;
    }
    
    #drive-autonomous-vehicles-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        top: 150px;
        left: 0px;
        margin: 0;
        padding: 0;
        padding-bottom: 60px;
        float: left;
        /*background: darkgoldenrod;*/
    }
    
    #drive-autonomous-vehicles-text {
        position: relative;
        width: 500px;
        height: auto;
        /*background: saddlebrown;*/
    }
    
    #drive-autonomous-vehicles-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
        /*background: brown;*/
    }
    
    
    /* #13 - #nvidia-culture :: NVIDIA CULTURE :: LAPTOP BREAKPOINT 1025-1349 :: ALL ORIENTATIONS & ASPECTS */
    
    #nvidia-culture {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        overflow: hidden;
    }
    
    #nvidia-culture .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    #nvidia-culture-textcontainer {
        position: relative;
        width: calc(100vw - 60px);
        max-width: 760px;
        top: 0px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        height: auto;
        padding-top: 120px;
        padding-top: calc(50vh - 300px);
        padding-bottom: 126px;
        padding-bottom: calc(50vh - 300px);
    }
    
    #nvidia-culture-h1 {
        position: relative;
        top: 0px;
        left: 0px;
        width: calc(100vw - 60px);
        max-width: 760px;
        height: auto;
        font-size: 60px;
        line-height: 1.2em;
        color: #eee;
        text-align: left;
        margin: 0 auto;
        padding-top: 120px;
        padding-bottom: 0px;
        z-index: 50;
        transition: all 1s ease-out;
    }
    
    #nvidia-culture-text {
        position: relative;
        width: calc(100vw - 60px);
        max-width: 760px;
        top: 0px;
        left: 0px;
        padding-top: 30px;
        padding-bottom: 120px;
        margin: 0 auto;
        text-transform: none;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1.5em;
        z-index: 51;
        transition: all 1s ease-out;
    }
    
    #nvidia-culture-text p {
        max-width: none;
        margin-bottom: 30px;
    }
    
    
    /* #14 - #jetson-nano-family :: JETSON AGX AND ISAAC DELIVER AI TO ROBOTICS AND IOT INDUSTRY :: LAPTOP BREAKPOINT 1025-1349 :: ALL ORIENTATIONS & ASPECTS */
    
    #jetson-nano-family {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        overflow: hidden;
    }
    
    #jetson-nano-family .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    #jetson-nano-family-h1 {
        position: relative;
        width: 100%;
        max-width: 700px;
        top: 108px;
        left: 0px;
        color: #76b900;
        z-index: 100;
        padding: 60px;
        padding-top: 0px;
        padding-bottom: 0px;
        /*background: brown;*/
    }
    
    #jetson-nano-family-h1-width {
        max-width: 640px;
    }
    
    #jetson-nano-family-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        top: 150px;
        left: 0px;
        margin: 0;
        padding: 0;
        padding-bottom: 60px;
        float: left;
        /*background: darkgoldenrod;*/
    }
    
    #jetson-nano-family-text {
        position: relative;
        width: 630px;
        height: auto;
        /*background: saddlebrown;*/
    }
    
    #jetson-nano-family-text p {
        margin-bottom: 30px;
        padding-left: 60px;
        padding-right: 60px;
        /*background: brown;*/
    }
    
    
    /* #15 - #nvidia-summary :: NVIDIA SUMMARY :: LAPTOP BREAKPOINT 1025-1349 :: ALL ORIENTATIONS & ASPECTS */
    
    #nvidia-summary {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        overflow: hidden;
    }
    
    #nvidia-summary .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
}



/* -------------------------------------------------------------------------------------------------*/
/* BROCHURE: DESKTOP BREAKPOINT 1350-2559 :: ALL ORIENTATIONS & ALL ASPECT RATIOS                   */
/* -------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1350px) and (max-width: 2559px) {
    
    h1 {
        font-family: NVIDIA;
        font-size: 48px;
        line-height: 1em;
        font-weight: 500;
    }
    
    .brochure-headline {
        width: 100vw;
        top: 180px;
        left: 60px;
        max-width: 680px;
    }
    
    .fixed-header.collapsed {
        top: -40px;
        transition: top .5s;
    }
    
    .brochure-headline.fixed.collapsed {
        margin-top: -40px;
        transition: margin 0.2s ease-out;
    }
    
    .brochure-container.collapsed {
        top: 0px;
        margin-top: 0px;
        transition: margin 0.2s ease-out;
    }
    
    .nvidia-logo-dark-theme.collapsed {
        margin-top: 52px;
        transition: margin 0.2s ease-out;
    }
    
    .fixed-header {
        position: fixed;
        width: 100%;
        height: 106px;
        color: #fff;
        margin: 0;
        padding: 0;
        background-color: rgba(0,0,0,0.9);
        z-index: 1999;
        top: 0;
        right: 0;
        left: 0;
        transition: top .5s;
    }
    
    .global-header {
        position: absolute;
        width: 100%;
        height: 40px;
        top: 0px;
        left: 0px;
        background-color: #fff;
        z-index: 999;
    }
    
    .global-nav-right {
        margin-right: 10px;
        margin-top: 8px;
    }
    
    #nv-logo-light {
        position: relative;
        top: 8px;
        left: 0px;
        float: left;
        z-index: 995;
    }
    
    .nvidia-logo-light-theme {
        position: relative;
        display: inline-block;
        width: 130px;
        height: 24px;
        background: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-black.svg') no-repeat;
        background-size: contain;
    }
    
    #nv-logo-dark {
        position: absolute;
        top: 8px;
        left: 0px;
        float: left;
        z-index: 998;
    }
    
    .nvidia-logo-dark-theme {
        position: relative;
        display: inline-block;
        width: 130px;
        height: 24px;
        background: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-white.svg') no-repeat;
        background-size: contain;
    }
    
    .global-nav-right {
        margin-right: 10px;
        margin-top: 8px;
    }
    
    .global-nav-icon {
        position: relative;
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 0px;
        margin-left: 10px;
    }
    
    #global-header-container {
        position: relative;
        width: calc(100vw - 50px);
        max-width: 100vw;
        margin: 0 auto;
    }
    
    .navigation {
        position: relative;
        width: calc(100% - 60px);
        height: 106px;
        max-width: 100vw;
        padding: 0;
        margin: 0;
        margin-right: 30px;
        margin-left: 30px;
        top: 0px;
        left: 0px;
    }
    
    #nav-main {
        position: absolute;
        width: 100%;
        height: auto;
        min-height: 66px;
        left: 0px;
        top: 40px;
        clear: both;
        margin: 0;
        padding: 0;
        z-index: 990;
        color: #fff;
        /*background-color: transparent;*/
        /*background-color: darkblue;*/
        text-align: center;
    }
    
    .nav-left {
        display: auto;
    }
    
    .nav-right {
        position: absolute;
        height: 34px;
        width: auto;
        min-width: 34px;
        margin: 0;
        padding: 0;
        top: 0px;
        right: 0px;
        z-index: 1002;
        float: right;
        display: block;
        background-color: transparent;
        /*background-color: blue;*/
    }
    
    .ic-toc {
        top: 18px;
        right: 0px;
    }
    
    #toc ul {
        position: relative;
        left: 0px;
        top: 40px;
    }
    
    #toc li {
        position: relative;
        margin-top: 40px;
        margin-left: 10px;
        margin-bottom: 10px;
        display: block;
    }
    
    .brochure-container {
        position: relative;
        top: 0px;
        /*top: 40px;*/
    }
    
    .body-copy {
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
        color: #eee;
    }
    
    .caption-copy {
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1.333em;
        color: #666;
    }
    
    #nvidia-intro {
        width: 100%;
        height: calc(100vw * 0.5625);
        min-height: 225px;
    }
    
    .nv-brochure-bg {
        position: absolute;
        width: 100%;
        height: 100vh;
        height: calc(var(--vh));
        top: 0px;
        left: 0px;
    }
    
    .nv-brochure {
        width: 100vw;
        min-height: 5320px;
        margin: 0 auto;
        text-align: center;
        top: 0px;
    }
    
    .nv-brochure-slide img {
        image-rendering: -moz-crisp-edges;          /*Firefox */
        image-rendering: -o-crisp-edges;            /*Opera */
        image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;   /*IE (non-standard property) */   
    }
    
    
    /* #1 - #nvidia-intro :: NVIDIA INTRO WALK-IN ANIMATION :: DESKTOP BREAKPOINT 1350-2559 :: ALL ORIENTATIONS & ASPECTS */
    
    #nvidia-intro {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
        overflow: hidden;
    }
    
    #nvidia-intro .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
    }
    
    .nvidia-intro-textcontainer {
        position: fixed;
        width: 840px;
        height: auto;
        top: 60px;
        left: 50%;
        padding: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-left: -640px;
        margin-top: 120px;
        user-select: none;
        pointer-events: none;
        transition: none;
        z-index: 990;
    }
    
    #nvidia-intro-nv-logo {
        position: absolute;
        display: block;
        width: 120px;
        height: auto;
        margin: 0;
        left: 60px;
        top: 180px;
        z-index: 999;
    }
    
    
    /* #2-V2 - #da-vincis-einsteins :: SUPERCHARGED COMPUTING FOR THE DA VINCIS AND EINSTEINS OF OUR TIME :: DESKTOP BREAKPOINT 1350-2559 :: ALL ORIENTATIONS & ASPECTS */
    
    #da-vincis-einsteins {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
        overflow: hidden;
    }
    
    #da-vincis-einsteins .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
    }
    
    
    /* #3 - #moores-law :: TWO FORCES SHAPING COMPUTING :: DESKTOP BREAKPOINT 1350-2559 :: ALL ORIENTATIONS & ASPECTS */
    
    #moores-law {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
        overflow: hidden;
    }
    
    #moores-law .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
    }
    
    
    /* #4 - #modern-cg :: NVIDIA DEFINES MODERN COMPUTER GRAPHICS :: DESKTOP BREAKPOINT 1350-2559 :: ALL ORIENTATIONS & ASPECTS */
    
    #modern-cg {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
        overflow: hidden;
    }
    
    #modern-cg .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
    }
    
    #modern-cg-textcontainer {
        position: relative;
        width: 100vw;
        max-width: 1200px;
        top: 106px;
        left: 0px;
        margin: 0 auto;
        padding-top: 120px;
        padding-top: calc(50vh - 480px);
    }
    
    #modern-cg-h1 {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 30px;
        padding-right: 120px;
        padding-left: 120px;
        font-family: NVIDIA;
        font-size: 72px;
        line-height: 1.2em;
        color: #eee;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    #modern-cg-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        padding: 0;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1.5em;
        z-index: 51;
        float: left;
    }
    
    #modern-cg-text p {
        padding-right: 120px;
        padding-left: 120px;
        margin-bottom: 30px;
    }
    
    
    /* #5 - #new-era-vfx :: A NEW ERA FOR VISUAL EFFECTS :: DESKTOP BREAKPOINT 1350-2559 :: ALL ORIENTATIONS & ASPECTS */
    
    #new-era-vfx {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
        overflow: hidden;
    }
    
    #new-era-vfx .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
    }
    
    
    /* #6 - #rtx-gaming :: RTX RESETS GAMING :: DESKTOP BREAKPOINT 1350-2559 :: ALL ORIENTATIONS & ASPECTS */
    
    #rtx-gaming {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
        overflow: hidden;
    }
    
    #rtx-gaming .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
    }
    
    
    /* #7 - #next-era-computing :: NVIDIA IS POWERING THE NEXT ERA OF COMPUTING :: DESKTOP BREAKPOINT 1350-2559 :: ALL ORIENTATIONS & ASPECTS */
    
    #next-era-computing {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
        overflow: hidden;
    }
    
    #rtx-gaming .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
    }
    
    #next-era-computing-textcontainer {
        position: relative;
        width: 100vw;
        max-width: 1120px;
        top: 106px;
        left: 0px;
        margin: 0 auto;
        padding-top: 120px;
        padding-top: calc(50vh - 480px);
    }
    
    #next-era-computing-h1 {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 30px;
        padding-right: 120px;
        padding-left: 120px;
        font-size: 72px;
        line-height: 1.2em;
        color: #eee;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    #next-era-computing-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        padding: 0;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1.5em;
        z-index: 51;
        float: left;
    }
    
    #next-era-computing-text p {
        padding-right: 120px;
        padding-left: 120px;
        margin-bottom: 30px;
    }
    
    
    /* #8 - #fastest-supercomputers :: POWERING THE WORLD'S FASTEST SUPERCOMPUTERS :: DESKTOP BREAKPOINT 1350-2559 :: ALL ORIENTATIONS & ASPECTS */
    
    #fastest-supercomputers {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
        overflow: hidden;
    }
    
    #fastest-supercomputers .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
    }
    
    
    /* #9 - #ai-training-tool :: WORLD'S MOST POWERFUL AI TRAINING TOOL :: DESKTOP BREAKPOINT 1350-2559 :: ALL ORIENTATIONS & ASPECTS */
    
    #ai-training-tool {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
        overflow: hidden;
    }
    
    #ai-training-tool .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
    }
    
    .ai-features {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .ai-feature {
        width: 100vw;
        text-align: center;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .ai-feature-label {
        font-size: 24px;
    }
    
    .ai-feature-value {
        font-size: 36px;
    }
    
    #ai-training-tool-fg-video {
        position: relative;
        width: calc(100vw - 120px);
        height: calc(100vw * 0.5625);
        margin: 60px;
    }
    
    
    /* #10 - #ai-inference-hyperscale :: POWERING AI INFERENCE FOR HYPERSCALE :: DESKTOP BREAKPOINT 1350-2559 :: ALL ORIENTATIONS & ASPECTS */
    
    #ai-inference-hyperscale {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
        left: 0px;
        top: 0px;
        background: #000 url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-landscape-L.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        overflow: hidden;
    }
    
    #ai-inference-hyperscale .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
    }
    
    
    /* #11 - #autonomous-revolution :: AUTONOMOUS MACHINES ARE REVOLUTIONIZING INDUSTRIES :: DESKTOP BREAKPOINT 1350-2559 :: ALL ORIENTATIONS & ASPECTS */
    
    #autonomous-revolution {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
        overflow: hidden;
    }
    
    #autonomous-revolution .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
    }
    
    #autonomous-revolution-h1 {
        position: relative;
        left: 0px;
        top: 120px;
        width: calc(100vw - 120px);
        max-width: 1132px;
        height: auto;
        font-size: 72px;
        line-height: 1.2em;
        color: #eee;
        text-align: left;
        margin-top: 100px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
        z-index: 50;
        transition: all 1s ease-out;
    }
    
    #autonomous-revolution-textcontainer {
        position: relative;
        width: calc(100vw - 240px);
        /*max-width: 1000px;*/
        top: 0px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        height: auto;
        padding-top: 120px;
        padding-top: calc(50vh - 480px);
        padding-bottom: 120px;
        /*padding-bottom: calc(50vh - 376px);*/
    }
    
    #autonomous-revolution-text {
        position: relative;
        width: calc(100vw - 120px);
        max-width: 1132px;
        top: 0px;
        left: 0px;
        padding-top: 120px;
        padding-bottom: 120px;
        margin-left: auto;
        margin-right: auto;
        text-transform: none;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1.5em;
        z-index: 51;
        transition: all 1s ease-out;
    }
    
    #autonomous-revolution-text p {
        max-width: 1132px;
        margin-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
    }
    
    
    /* #12 - #drive-autonomous-vehicles :: NVIDIA DRIVE FOR AUTONOMOUS VEHICLES :: DESKTOP BREAKPOINT 1350-2559 :: ALL ORIENTATIONS & ASPECTS */
    
    #drive-autonomous-vehicles {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
        top: 0px;
        left: 0px;
        background-color: black;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-D.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-D.jpg');
        background: linear-gradient(145deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-D.jpg');
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 100vw;
        background-attachment: fixed;
        overflow: hidden;
    }
    
    #drive-autonomous-vehicles .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
    }
    
    #drive-autonomous-vehicles-h1 {
        position: relative;
        width: 100vw;
        max-width: 680px;
        left: 0px;
        top: 106px;
        color: #76b900;
        z-index: 100;
        padding: 60px;
        padding-top: 0px;
        padding-bottom: 0px;
        /*background: brown;*/
        float: left;
    }
    
    #drive-autonomous-vehicles-divider {
        display: none;
    }
    
    #drive-autonomous-vehicles-h1-width {
        max-width: 640px;
    }
    
    #drive-autonomous-vehicles-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        top: 150px;
        left: 0px;
        margin: 0;
        padding: 0;
        padding-bottom: 120px;
        float: left;
        /*background: darkgoldenrod;*/
    }
    
    #drive-autonomous-vehicles-text {
        position: relative;
        width: 508px;
        height: auto;
        /*background: saddlebrown;*/
    }
    
    #drive-autonomous-vehicles-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
        /*background: brown;*/
    }
    
    
    /* #13 - #nvidia-culture :: NVIDIA CULTURE :: DESKTOP BREAKPOINT 1350-2559 :: ALL ORIENTATIONS & ASPECTS */
    
    #nvidia-culture {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
        overflow: hidden;
    }
    
    #nvidia-culture .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
    }
    
    #nvidia-culture-h1 {
        position: relative;
        left: 0px;
        top: 120px;
        width: calc(100vw - 120px);
        max-width: 1132px;
        height: auto;
        font-size: 72px;
        line-height: 1.2em;
        color: #eee;
        text-align: left;
        margin-top: 100px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
        z-index: 50;
        transition: all 1s ease-out;
    }
    
    #nvidia-culture-textcontainer {
        position: relative;
        width: calc(100vw - 240px);
        /*max-width: 1000px;*/
        top: 0px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        height: auto;
        padding-top: 120px;
        padding-top: calc(50vh - 480px);
        padding-bottom: 120px;
        /*padding-bottom: calc(50vh - 376px);*/
    }
    
    #nvidia-culture-text {
        position: relative;
        width: calc(100vw - 120px);
        max-width: 1132px;
        top: 0px;
        left: 0px;
        padding-top: 120px;
        padding-bottom: 120px;
        margin-left: auto;
        margin-right: auto;
        text-transform: none;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1.5em;
        z-index: 51;
        transition: all 1s ease-out;
    }
    
    #nvidia-culture-text p {
        max-width: 1132px;
        margin-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
    }
    
    
    /* #14 - #jetson-nano-family :: JETSON AGX AND ISAAC DELIVER AI TO ROBOTICS AND IOT INDUSTRY :: DESKTOP BREAKPOINT 1350-2559 :: ALL ORIENTATIONS & ASPECTS */
    
    #jetson-nano-family {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
        overflow: hidden;
    }
    
    #jetson-nano-family .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
    }
    
    #jetson-nano-family-h1 {
        position: relative;
        width: 100vw;
        max-width: 720px;
        left: 0px;
        top: 106px;
        color: #76b900;
        z-index: 100;
        padding: 60px;
        padding-top: 0px;
        padding-bottom: 0px;
        /*background: brown;*/
        float: left;
    }
    
    #jetson-nano-family-h1-width {
        max-width: 640px;
    }
    
    #jetson-nano-family-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        top: 150px;
        left: 0px;
        margin: 0;
        padding: 0;
        padding-bottom: 120px;
        float: left;
        /*background: darkgoldenrod;*/
    }
    
    #jetson-nano-family-text {
        position: relative;
        width: 610px;
        height: auto;
        /*background: saddlebrown;*/
    }
    
    #jetson-nano-family-text p {
        padding-left: 60px;
        padding-right: 60px;
        margin-bottom: 30px;
        /*background: brown;*/
    }
    
    
    /* #15 - #nvidia-summary :: NVIDIA SUMMARY :: DESKTOP BREAKPOINT 1350-2559 :: ALL ORIENTATIONS & ASPECTS */
    
    #nvidia-summary {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
        overflow: hidden;
    }
    
    #nvidia-summary .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1350px;
    }
    
}



/* -------------------------------------------------------------------------------------------------*/
/* BROCHURE: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ :: ALL ORIENTATIONS & ALL ASPECT RATIOS            */
/* -------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 2560px) {
    
    h1 {
        font-family: NVIDIA;
        font-size: 60px;
        line-height: 1em;
        font-weight: 500;
    }
    
    .brochure-headline {
        width: 100vw;
        top: 224px;
        left: 120px;
        max-width: 840px;
    }
    
    .fixed-header.collapsed {
        top: -40px;
        transition: top .5s;
    }
    
    .brochure-headline.fixed.collapsed {
        margin-top: -40px;
        transition: margin 0.2s ease-out;
    }
    
    .brochure-container.collapsed {
        top: 0px;
        margin-top: 0px;
        transition: margin 0.2s ease-out;
    }
    
    .nvidia-logo-dark-theme.collapsed {
        margin-top: 40px;
        transition: margin 0.2s ease-out;
    }
    
    #global-header-container {
        position: relative;
        width: calc(100vw - 50px);
        max-width: 100vw;
        margin: 0 auto;
    }
    
    .navigation {
        position: relative;
        width: calc(100vw - 50px);
        height: 106px;
        max-width: 100vw;
        padding: 0;
        margin: 0;
        top: 0px;
        left: 0px;
    }
    
    #nav-main {
        position: absolute;
        width: 100%;
        height: auto;
        min-height: 66px;
        left: 0px;
        top: 40px;
        clear: both;
        margin: 0;
        padding: 0;
        z-index: 990;
        color: #fff;
        text-align: center;
        /*background-color: transparent;*/
        /*background-color: darkblue;*/
    }
    
    .nav-left {
        display: auto;
    }
    
    .nav-right {
        position: absolute;
        height: 34px;
        width: auto;
        min-width: 34px;
        margin: 0;
        padding: 0;
        top: 0px;
        right: 0px;
        z-index: 1002;
        float: right;
        display: block;
        background-color: transparent;
        /*background-color: blue;*/
    }
    
    .ic-toc {
        position: relative;
        width: 34px;
        height: 34px;
        top: 20px;
        right: 0px;
        margin: 0;
        padding: 0;
        /*cursor: pointer; */
        display: inline-block;
        float: right;
        z-index: 1000;
        transition: all 0.5s ease-in-out;
    }
    
    #toc li {
        position: relative;
        margin-top: 40px;
        margin-left: 10px;
        margin-bottom: 10px;
        display: block;
    }
    
    
    /* #1 - #nvidia-intro :: NVIDIA INTRO WALK-IN ANIMATION :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ :: ALL ORIENTATIONS & ASPECTS */
    
    #nvidia-intro {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
        overflow: hidden;
    }
    
    #nvidia-intro .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
    }
    
    
    /* #2-V2 - #da-vincis-einsteins :: SUPERCHARGED COMPUTING FOR THE DA VINCIS AND EINSTEINS OF OUR TIME :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ :: ALL ORIENTATIONS & ASPECTS */
    
    #da-vincis-einsteins {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
        overflow: hidden;
    }
    
    #da-vincis-einsteins .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
    }
    
    
    /* #3 - #moores-law :: TWO FORCES SHAPING COMPUTING :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ :: ALL ORIENTATIONS & ASPECTS */
    
    #moores-law {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
        overflow: hidden;
    }
    
    #moores-law .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
    }
    
    
    /* #4 - #modern-cg :: NVIDIA DEFINES MODERN COMPUTER GRAPHICS :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ :: ALL ORIENTATIONS & ASPECTS */
    
    #modern-cg {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
        overflow: hidden;
    }
    
    #modern-cg .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
    }
    
    #modern-cg-textcontainer {
        position: relative;
        width: 100vw;
        max-width: 1530px;
        top: 106px;
        left: 0px;
        margin: 0 auto;
        padding-top: 120px;
        padding-top: calc(50vh - 400px);
    }
    
    #modern-cg-h1 {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 30px;
        padding-right: 120px;
        padding-left: 120px;
        font-family: NVIDIA;
        font-size: 72px;
        line-height: 1.2em;
        color: #eee;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    #modern-cg-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        padding: 0;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 32px;
        line-height: 1.5em;
        z-index: 51;
        float: left;
    }
    
    #modern-cg-text p {
        padding-right: 120px;
        padding-left: 120px;
        margin-bottom: 30px;
    }
    
    
    /* #5 - #new-era-vfx :: A NEW ERA FOR VISUAL EFFECTS :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ :: ALL ORIENTATIONS & ASPECTS */
    
    #new-era-vfx {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
        overflow: hidden;
    }
    
    #new-era-vfx .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
    }
    
    
    /* #6 - #rtx-gaming :: RTX RESETS GAMING :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ :: ALL ORIENTATIONS & ASPECTS */
    
    #rtx-gaming {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
        overflow: hidden;
    }
    
    #rtx-gaming .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
    }
    
    
    /* #7 - #next-era-computing :: NVIDIA IS POWERING THE NEXT ERA OF COMPUTING :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ :: ALL ORIENTATIONS & ASPECTS */
    
    #next-era-computing {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
        overflow: hidden;
    }
    
    #next-era-computing .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
    }
    
    #next-era-computing-textcontainer {
        position: relative;
        width: 100vw;
        max-width: 1480px;
        top: 106px;
        left: 0px;
        margin: 0 auto;
        padding-top: 120px;
        padding-top: calc(50vh - 400px);
    }
    
    #next-era-computing-h1 {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 30px;
        padding-right: 120px;
        padding-left: 120px;
        font-size: 72px;
        line-height: 1.2em;
        color: #eee;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    #next-era-computing-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        padding: 0;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 32px;
        line-height: 1.5em;
        z-index: 51;
        float: left;
    }
    
    #next-era-computing-text p {
        padding-right: 120px;
        padding-left: 120px;
        margin-bottom: 30px;
    }
    
    
    /* #8 - #fastest-supercomputers :: POWERING THE WORLD'S FASTEST SUPERCOMPUTERS :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ :: ALL ORIENTATIONS & ASPECTS */
    
    #fastest-supercomputers {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
        overflow: hidden;
    }
    
    #fastest-supercomputers .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
    }
    
    
    /* #9 - #ai-training-tool :: WORLD'S MOST POWERFUL AI TRAINING TOOL :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ :: ALL ORIENTATIONS & ASPECTS */
    
    #ai-training-tool {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
        overflow: hidden;
    }
    
    #ai-training-tool .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
    }
    
    .ai-features {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .ai-feature {
        width: 100vw;
        text-align: center;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .ai-feature-label {
        font-size: 24px;
    }
    
    .ai-feature-value {
        font-size: 36px;
    }
    
    #ai-training-tool-fg-video {
        position: relative;
        width: calc(100vw - 240px);
        height: calc(100vw * 0.5625);
        margin: 120px;
    }
    
    
    /* #10 - #ai-inference-hyperscale :: POWERING AI INFERENCE FOR HYPERSCALE :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ :: ALL ORIENTATIONS & ASPECTS */
    
    #ai-inference-hyperscale {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
        top: 0px;
        left: 0px;
        background: #000 url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-landscape-D.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        overflow: hidden;
    }
    
    #ai-inference-hyperscale .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
    }
    
    
    /* #11 - #autonomous-revolution :: AUTONOMOUS MACHINES ARE REVOLUTIONIZING INDUSTRIES :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ :: ALL ORIENTATIONS & ASPECTS */
    
    #autonomous-revolution {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
        overflow: hidden;
    }
    
    #autonomous-revolution .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
    }
    
    #autonomous-revolution-textcontainer {
        position: relative;
        width: 100vw;
        max-width: 1530px;
        top: 106px;
        left: 0px;
        margin: 0 auto;
        padding-top: 120px;
        padding-top: calc(50vh - 400px);
    }
    
    #autonomous-revolution-h1 {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 30px;
        padding-right: 120px;
        padding-left: 120px;
        font-size: 72px;
        line-height: 1.2em;
        color: #eee;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    #autonomous-revolution-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        padding: 0;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 32px;
        line-height: 1.5em;
        z-index: 51;
        float: left;
    }
    
    #autonomous-revolution-text p {
        padding-right: 120px;
        padding-left: 120px;
        margin-bottom: 30px;
    }
    
    
    /* #12 - #drive-autonomous-vehicles :: NVIDIA DRIVE FOR AUTONOMOUS VEHICLES :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ :: ALL ORIENTATIONS & ASPECTS */
    
    #drive-autonomous-vehicles {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
        top: 0px;
        left: 0px;
        background-color: black;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-D.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-D.jpg');
        background: linear-gradient(145deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-D.jpg');
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 100vw;
        background-attachment: fixed;
        overflow: hidden;
    }
    
    #drive-autonomous-vehicles .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
    }
    
    #drive-autonomous-vehicles-h1 {
        position: relative;
        width: 100%;
        max-width: 1024px;
        left: 0px;
        top: 106px;
        color: #76b900;
        z-index: 100;
        padding: 120px;
        padding-top: 60px;
        padding-bottom: 0px;
        /*background: brown;*/
    }
    
    #drive-autonomous-vehicles-h1-width {
        max-width: 720px;
    }
    
    #drive-autonomous-vehicles-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        top: 158px;
        left: 0px;
        margin: 0;
        padding: 0;
        padding-bottom: 120px;
        float: left;
        /*background: darkgoldenrod;*/
    }
    
    #drive-autonomous-vehicles-text {
        position: relative;
        width: 980px;
        height: auto;
        /*background: saddlebrown;*/
    }
    
    #drive-autonomous-vehicles-text p {
        padding-right: 120px;
        padding-left: 120px;
        margin-bottom: 30px;
        /*background: brown;*/
    }
    
    
    /* #13 - #nvidia-culture :: NVIDIA CULTURE :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ :: ALL ORIENTATIONS & ASPECTS */
    
    #nvidia-culture {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
        overflow: hidden;
    }
    
    #nvidia-culture .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
    }
    
    #nvidia-culture-textcontainer {
        position: relative;
        width: 100vw;
        max-width: 1330px;
        top: 106px;
        left: 0px;
        margin: 0 auto;
        padding-top: 120px;
        padding-top: calc(50vh - 400px);
    }
    
    #nvidia-culture-h1 {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 30px;
        padding-right: 120px;
        padding-left: 120px;
        font-size: 72px;
        line-height: 1.2em;
        color: #eee;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    #nvidia-culture-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        padding: 0;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 32px;
        line-height: 1.5em;
        z-index: 51;
        float: left;
    }
    
    #nvidia-culture-text p {
        padding-right: 120px;
        padding-left: 120px;
        margin-bottom: 30px;
    }
    
    
    /* #14 - #jetson-nano-family :: JETSON AGX AND ISAAC DELIVER AI TO ROBOTICS AND IOT INDUSTRY :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ :: ALL ORIENTATIONS & ASPECTS */
    
    #jetson-nano-family {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
        overflow: hidden;
    }
    
    #jetson-nano-family .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
    }
    
    #jetson-nano-family-h1 {
        position: relative;
        width: 100%;
        left: 0px;
        top: 106px;
        color: #76b900;
        z-index: 100;
        padding: 120px;
        padding-top: 60px;
        padding-bottom: 0px;
        /*background: brown;*/
    }
    
    #jetson-nano-family-h1-width {
        max-width: 720px;
    }
    
    #jetson-nano-family-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        top: 158px;
        left: 0px;
        margin: 0;
        padding: 0;
        padding-bottom: 120px;
        float: left;
        /*background: darkgoldenrod;*/
    }
    
    #jetson-nano-family-text {
        position: relative;
        width: 980px;
        height: auto;
        /*background: saddlebrown;*/
    }
    
    #jetson-nano-family-text p {
        padding-left: 120px;
        padding-right: 120px;
        margin-bottom: 30px;
        /*background: brown;*/
    }
    
    
    /* #15 - #nvidia-summary :: NVIDIA SUMMARY :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ :: ALL ORIENTATIONS & ASPECTS */
    
    #nvidia-summary {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
        overflow: hidden;
    }
    
    #nvidia-summary .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
    }
    
}



/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* BROCHURE: PORTRAIT ORIENTATION                                                                                                                                          */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------*/

/* BROCHURE: PORTRAIT ORIENTATION :: ALL BREAKPOINTS                     */

/* ----------------------------------------------------------------------*/

@media all and (orientation: portrait) {
    
    /*.fixed-header {
        background-color: #0D47A1;
    }*/
    
    
    /* #1 - #nvidia-intro :: PORTRAIT ORIENTATION :: ALL BREAKPOINTS */
    
    #nvidia-intro {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        top: 0px;
        left: 0px;
        z-index: 1;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-01-portrait.jpg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        float: left;
        overflow: hidden;
    }
    
    #nvidia-summary .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    
    /* #2-V2 - #da-vincis-einsteins :: SUPERCHARGED COMPUTING FOR THE DA VINCIS AND EINSTEINS OF OUR TIME :: PORTRAIT ORIENTATION :: ALL BREAKPOINTS */
    
    #da-vincis-einsteins {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        overflow: hidden;
    }
    
    #da-vincis-einsteins .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    /* #3 - #moores-law :: TWO FORCES SHAPING COMPUTING :: PORTRAIT ORIENTATION :: ALL BREAKPOINTS */
    
    #moores-law {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        top: 0px;
        left: 0px;
        z-index: 20;
        float: left;
    }
    
    #moores-law .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    
    /* #4 - #modern-cg :: NVIDIA DEFINES MODERN COMPUTER GRAPHICS :: PORTRAIT ORIENTATION :: ALL BREAKPOINTS */
    
    #modern-cg {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        overflow: hidden;
    }
    
    #modern-cg .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    
    /* #5 - #new-era-vfx :: A NEW ERA FOR VISUAL EFFECTS :: PORTRAIT ORIENTATION :: ALL BREAKPOINTS */
    
    #new-era-vfx {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        overflow: hidden;
    }
    
    #new-era-vfx .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    
    /* #6 - #rtx-gaming :: RTX RESETS GAMING :: PORTRAIT ORIENTATION :: ALL BREAKPOINTS */
    
    #rtx-gaming {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        overflow: hidden;
    }
    
    #rtx-gaming .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    
    /* #7 - #next-era-computing :: NVIDIA IS POWERING THE NEXT ERA OF COMPUTING :: PORTRAIT ORIENTATION :: ALL BREAKPOINTS */
    
    #next-era-computing {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        overflow: hidden;
    }
    
    #next-era-computing .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    
    /* #8 - #fastest-supercomputers :: POWERING THE WORLD'S FASTEST SUPERCOMPUTERS :: PORTRAIT ORIENTATION :: ALL BREAKPOINTS */
    
    #fastest-supercomputers {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        overflow: hidden;
    }
    
    #fastest-supercomputers .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    
    /* #9 - #ai-training-tool :: WORLD'S MOST POWERFUL AI TRAINING TOOL :: PORTRAIT ORIENTATION :: ALL BREAKPOINTS */
    
    #ai-training-tool {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        overflow: hidden;
    }
    
    #ai-training-tool .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    
    /* #10 - #ai-inference-hyperscale :: POWERING AI INFERENCE FOR HYPERSCALE :: PORTRAIT ORIENTATION :: ALL BREAKPOINTS */
    
    #ai-inference-hyperscale {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        overflow: hidden;
    }
    
    #ai-inference-hyperscale .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    
    /* #11 - #autonomous-revolution :: AUTONOMOUS MACHINES ARE REVOLUTIONIZING INDUSTRIES :: PORTRAIT ORIENTATION :: ALL BREAKPOINTS */
    
    #autonomous-revolution {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        overflow: hidden;
    }
    
    #autonomous-revolution .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    
    /* #12 - #drive-autonomous-vehicles :: NVIDIA DRIVE FOR AUTONOMOUS VEHICLES :: PORTRAIT ORIENTATION :: ALL BREAKPOINTS */
    
    #drive-autonomous-vehicles {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        overflow: hidden;
    }
    
    #drive-autonomous-vehicles .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    
    /* #13 - #nvidia-culture :: NVIDIA CULTURE :: PORTRAIT ORIENTATION :: ALL BREAKPOINTS */
    
    #nvidia-culture {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        overflow: hidden;
    }
    
    #nvidia-culture .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    
    /* #14 - #jetson-nano-family :: JETSON AGX AND ISAAC DELIVER AI TO ROBOTICS AND IOT INDUSTRY :: PORTRAIT ORIENTATION :: ALL BREAKPOINTS */
    
    /*#jetson-nano-family {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        top: 0px;
        left: 0px;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100px, rgba(0,0,0,0) 300px, transparent 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-portrait-P.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100px, rgba(0,0,0,0) 300px, transparent 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-portrait-P.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100px, rgba(0,0,0,0) 300px, transparent 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-portrait-P.jpg');
        background-repeat: no-repeat;
        background-position: center -50px;
        background-size: contain;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #jetson-nano-family .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }*/
    
    #jetson-nano-family {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        overflow: hidden;
    }
    
    #jetson-nano-family .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    #jetson-nano-family h1 {
        position: relative;
        width: 100%;
        top: 70px;
        left: 30px;
        padding: 0;
        padding-left: 10px;
    }
    
    #jetson-nano-family .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 30px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #jetson-nano-family-textcontainer {
        position: relative;
        width: 100vw;
        height: auto;
        left: 0px;
        top: calc(100vw * 1.1265625 - 148px);
        background-color: rgba(0,0,0,0.95);
        border: none;
        padding: 0;
        padding-top: 0px;
    }
    
    #jetson-nano-family-text {
        position: relative;
        width: 100vw;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
    }
    
    #jetson-nano-family-text p {
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 15px;
    }
    
    
    /* #15 - #nvidia-summary :: NVIDIA SUMMARY :: PORTRAIT ORIENTATION :: ALL BREAKPOINTS */
    
    #nvidia-summary {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        overflow: hidden;
    }
    
    #nvidia-summary .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    
}



/* ----------------------------------------------------------------------*/
/* BROCHURE: PORTRAIT ORIENTATION :: MOBILE BREAKPOINT 320-767           */
/* ----------------------------------------------------------------------*/

@media all and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
    
    h1 {
        font-family: NVIDIA;
        font-size: 18px;
        line-height: 1em;
        font-weight: 400;
    }
    
    .brochure-headline {
        max-width: 280px;
    }
    
    /*.intro-copy p {
        padding-left: 10px;
        padding-right: 10px;
    }*/
    
    .fixed-header.collapsed {
        top: -40px;
        transition: top .5s;
    }
    
    .brochure-headline.fixed.collapsed {
        margin-top: -40px;
    }
    
    .brochure-container.collapsed {
        top: 0px;
        margin-top: 0px;
    }
    
    .nvidia-logo-dark-theme.collapsed {
        margin-top: 40px;
    }
    
    
    /* #1 - #nvidia-intro :: NVIDIA INTRO WALK-IN ANIMATION :: PORTRAIT ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #nvidia-intro {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        overflow: hidden;
    }
    
    #nvidia-intro .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    
    /* #2-V2 - #da-vincis-einsteins :: SUPERCHARGED COMPUTING FOR THE DA VINCIS AND EINSTEINS OF OUR TIME :: PORTRAIT ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #da-vincis-einsteins {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 760px;
        background-color: black;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 80px, transparent 30vw, transparent 90vw, rgba(0,0,0,1) 167vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-portrait-P.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 80px, transparent 30vw, transparent 90vw, rgba(0,0,0,1) 167vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-portrait-P.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 80px, transparent 30vw, transparent 90vw, rgba(0,0,0,1) 167vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-portrait-P.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: scroll;
        float: left;
    }
    
    #da-vincis-einsteins .slide-clip {
        min-height: 760px;
    }
    
    #da-vincis-einsteins-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        float: left;
        margin-top: 0px;
        top: calc(100vw);
        padding-top: 30px;
        /*padding-bottom: 179px;*/
        z-index: 50;
        color: #eee;
        background-color: rgba(0,0,0,0.8);
    }
    
    
    /* #3 - #moores-law :: TWO FORCES SHAPING COMPUTING :: PORTRAIT ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #moores-law {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        background-color: black;
        float: left;
        overflow: hidden;
    }
    
    #moores-law .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    #moores-law h1 {
        width: calc(100vw - 20px);
        max-width: 280px;
        /*max-width: none;*/
        top: 50px;
        left: 10px;
    }
    
    #moores-law-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 1024px;
        float: left;
        margin-top: 0px;
        padding: 0;
        padding-top: calc(100vw + 60px);
        z-index: 50;
        color: #eee;
    }
    
    #moores-law-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
    }
    
    #moores-law-text p {
        padding-top: 10px;
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 0px;
    }
    
    #moores-law-chart {
        position: absolute;
        width: calc(100vw - 20px);
        height: calc(100vw - 20px);
        margin: 0 auto;
        margin-top: 80px;
        left: 10px;
        right: auto;
    }
    
    #moores-law-chart-svg {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 50;
    }
    
    
    /* #4 - #modern-cg :: NVIDIA DEFINES MODERN COMPUTER GRAPHICS :: PORTRAIT ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #modern-cg {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 530px;
        overflow: hidden;
    }
    
    #modern-cg .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 530px;
    }
    
    
    /* #5 - #new-era-vfx :: A NEW ERA FOR VISUAL EFFECTS :: PORTRAIT ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #new-era-vfx {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        background-color: black;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 80px, transparent 30vw, transparent 90vw, rgba(0,0,0,1) 167vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-portrait-phone.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 80px, transparent 30vw, transparent 90vw, rgba(0,0,0,1) 167vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-portrait-phone.jpg');
        background: linear-gradient(158deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 70px, transparent 250px, transparent 90vw, rgba(0,0,0,1) 167vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-portrait-phone.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: scroll;
        float: left;
        overflow: hidden;
    }
    
    #new-era-vfx .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    #new-era-vfx h1 {
        position: relative;
        width: 100%;
        max-width: 180px;
        top: 50px;
        left: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #new-era-vfx-textcontainer {
        position: relative;
        width: 100%;
        height: 200vw;
        /*max-height: max-content;*/
        float: left;
        margin-top: 0px;
        top: calc(100vw - 30px);
        padding-top: 15px;
        padding-bottom: 180px;
        z-index: 50;
        color: #eee;
        background-color: rgba(0,0,0,0.8);
        /*background-color: red;*/
    }
    
    #new-era-vfx .green-divider {
        margin-bottom: 15px;
    }
    
    #new-era-vfx-text {
        position: relative;
        width: 100vw;
        top: 15px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
    }
    
    #new-era-vfx-fg-image {
        position: relative;
        width: calc(100vw - 20px);
        height: 150px;
        top: 0px;
        right: auto;
        left: auto;
        bottom: auto;
        float: left;
        background-color: transparent;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-new-era-vfx-portrait-quadro-rtx-8000-L.png);
        background-position: center top;
        background-repeat: no-repeat;
        margin: 0;
        z-index: 55;
    }
    
    
    /* #6 - #rtx-gaming :: RTX RESETS GAMING :: PORTRAIT ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #rtx-gaming {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1200px;
        top: 0px;
        left: 0px;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 25vw, rgba(0,0,0,0) 50vw, transparent 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-portrait-P.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 25vw, rgba(0,0,0,0) 50vw, transparent 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-portrait-P.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 25vw, rgba(0,0,0,0) 50vw, transparent 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-portrait-P.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #rtx-gaming .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1200px;
    }
    
    #rtx-gaming h1 {
        position: relative;
        width: calc(100vw - 20px);
        max-width: 280px;
        top: 50px;
        left: 10px;
        color: #76b900;
    }
    
    #rtx-gaming .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 15px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #rtx-gaming-textcontainer {
        position: relative;
        width: 100vw;
        height: auto;
        min-height: max-content;
        left: -1px;
        top: calc(100vw - 30px);
        background-color: rgba(0,0,0,0);
        border: none;
        padding: 0;
        padding-top: 0px;
        background-color: black;
    }
    
    #rtx-gaming-text {
        position: relative;
        width: 100vw;
        top: 10px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-top: 0px;
    }
    
    #rtx-gaming-fg-image {
        position: relative;
        width: 50%;
        height: 227px;
        top: calc(100vw + 10px);
        left: 50%;
        bottom: auto;
        background-color: transparent;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-portrait-P.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 0;
        z-index: 55;
    }
    
    #rtx-gaming-logos {
        position: relative;
        margin-top: 10px;
        width: 50%;
        height: 300px;
        float: left;
        z-index: 200;
        top: 0px;
        left: 0px;
    }
    
    #rtx-gaming-logo-microsoft-directx {
        position: relative;
        width: auto;
        height: 100px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-microsoft-directx-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
    }
    
    #rtx-gaming-logo-unreal-engine {
        position: relative;
        position: relative;
        width: auto;
        height: 100px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unreal-engine-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
    }
    
    #rtx-gaming-logo-unity {
        position: relative;
        position: relative;
        width: auto;
        height: 100px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unity-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
    }
    
    
    /* #7 - #next-era-computing :: NVIDIA IS POWERING THE NEXT ERA OF COMPUTING :: PORTRAIT ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #next-era-computing {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        /*min-height: calc(100vw * 1.7777777777777778);*/
        min-height: 648px;
        top: 0px;
        left: 0px;
    }
    
    #next-era-computing .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 648px;
    }
    
    #next-era-computing-textcontainer {
        position: relative;
        width: 100%;
        top: 70px;
        left: 0px;
        margin: 0 auto;
        padding: 0;
        padding-top: calc(50vh - 260px);
    }
    
    #next-era-computing-h1 {
        position: relative;
        width: calc(100vw - 20px);
        max-width: 340px;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 15px;
        padding: 0;
        padding-right: 30px;
        padding-left: 30px;
        color: #eee;
        font-family: NVIDIA;
        font-size: 22px;
        line-height: 1.2em;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    #next-era-computing-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
        z-index: 51;
        float: left;
    }
    
    #next-era-computing-text p {
        position: relative;
        padding: 0;
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 15px;
    }
    
    
    /* #8 - #fastest-supercomputers :: POWERING THE WORLD’S FASTEST SUPERCOMPUTERS :: PORTRAIT ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #fastest-supercomputers {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        /*min-height: calc(100vw * 1.7777777777777778);*/
        min-height: 882px;
        top: 0px;
        left: 0px;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 100px, rgba(0,0,0,0) 200px, transparent 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-portrait-P.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 100px, rgba(0,0,0,0) 200px, transparent 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-portrait-P.jpg');
        background: linear-gradient(174deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 100px, rgba(0,0,0,0) 200px, transparent 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-portrait-P.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #fastest-supercomputers .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 882px;
    }
    
    #fastest-supercomputers h1 {
        position: relative;
        width: calc(100vw - 20px);
        max-width: 280px;
        top: 50px;
        left: 10px;
    }
    
    #fastest-supercomputers .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 15px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #fastest-supercomputers-textcontainer {
        position: relative;
        width: 100vw;
        height: auto;
        min-height: 700px;
        left: 0px;
        top: calc(100vw * 1.1265625 - 72px);
        background-color: rgba(0,0,0,0.95);
        border: none;
        padding: 0;
        padding-top: 0px;
    }
    
    #fastest-supercomputers-text {
        position: relative;
        width: 100vw;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-top: 0px;
    }
    
    .mini-logo-container {
        padding: 0;
        padding-bottom: 10px;
        padding-left: 10px;
        /*background-color: blue !important;*/
    }

    .mini-logo-inline {
        position: relative;
        display: inline-block;
        top: 0px;
        left: 0px;
        margin-bottom: 15px !important;
        margin-right: 15px !important;
        /*background-color: green !important;*/
    }

    #fastest-supercomputers-logo-1 {
        width: 110px;
        height: 32px;
    }

    #fastest-supercomputers-logo-2 {
        width: 110px;
        height: 32px;
    }

    #fastest-supercomputers-logo-3 {
        width: 110px;
        height: 32px;
    }

    #fastest-supercomputers-logo-4 {
        width: 110px;
        height: 32px;
        
    }

    #fastest-supercomputers-logo-5 {
        width: 110px;
        height: 32px;
    }
    
    
    /* #9 - #ai-training-tool :: WORLD'S MOST POWERFUL AI TRAINING TOOL :: PORTRAIT ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #ai-training-tool {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 782px;
        overflow: hidden;
    }
    
    #ai-training-tool .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 782px;
    }
    
    #ai-training-tool h1 {
        position: relative;
        width: calc(100vw - 20px);
        max-width: 240px;
        top: 50px;
        left: 10px;
    }
    
    #ai-training-tool .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 15px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #ai-training-tool-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 700px;
        left: 0px;
        top: calc(100vw * 0.5625 + 260px);
        background-color: rgba(0,0,0,0);
        border: none;
        padding: 0;
        padding-top: 0px;
        background-color: black;
    }
    
    #ai-training-tool-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-top: 0px;
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
    }
    
    #ai-training-tool-text p {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 15px;
    }
    
    #ai-training-tool-divider {
        top: calc(100vw - 180px);
    }
    
    .ai-features {
        position: absolute;
        width: calc(100vw - 10px);
        max-width: none;
        top: calc(100vw * 0.5625 + 125px);
        right: auto;
        left: -5px;
        margin: 0;
        padding: 0;
        border: none;
        z-index: 100;
        float: right;
        text-align: center;
        /* background: blue; */
    }
    
    .ai-feature {
        position: relative;
        width: 32%;
        max-width: none;
        /* max-width: 237px; */
        min-height: 80px;
        text-align: center;
        margin: 0;
        margin-bottom: 0px;
        padding: 0;
        border: none;
        display: inline-block;
        /* background: green; */
    }
    
    .ai-feature-label {
        position: relative;
        font-size: 14px;
        text-align: center;
        vertical-align: text-top;
        bottom: 0px;
    }
    
    .ai-feature-value {
        position: relative;
        font-size: 18px;
        text-align: center;
        vertical-align: text-top;
        top: 10px;
    }
    
    #ai-training-tool-fg-video {
        position: absolute;
        width: calc(100vw - 20px);
        height: calc(100vw * 0.5625);
        top: 98px;
        left: 30px;
        right: 10px;
        margin: 10px auto;
        background-color: transparent;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/videos/dgx-2-exploded-view-0-PT.jpg);
        background-position: center;
        background-size: cover;
    }
    
    
    /* #10 - #ai-inference-hyperscale :: POWERING AI INFERENCE FOR HYPERSCALE :: PORTRAIT ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #ai-inference-hyperscale {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100v * 1.225);
        top: 0px;
        left: 0px;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 100px, rgba(0,0,0,0) 200px, transparent 100%), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-portrait-P.jpg);
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 100px, rgba(0,0,0,0) 200px, transparent 100%), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-portrait-P.jpg);
        background: linear-gradient(174deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 100px, rgba(0,0,0,0) 200px, transparent 100%), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-portrait-P.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #ai-inference-hyperscale .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100v * 1.225);
    }
    
    #ai-inference-hyperscale h1 {
        position: relative;
        width: calc(100vw - 20px);
        max-width: 240px;
        top: 50px;
        left: 10px;
    }
    
    #ai-inference-hyperscale .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 15px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #ai-inference-hyperscale-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 700px;
        left: 0px;
        top: calc(100vw - 36px);
        background-color: rgba(0,0,0,0);
        border: none;
        padding: 0;
        padding-top: 0px;
        background-color: black;
    }
    
    #ai-inference-hyperscale-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-top: 0px;
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
    }
    
    #ai-inference-hyperscale-text p {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 15px;
    }
    
    #ai-inference-hyperscale-divider {
        top: calc(100vw - 180px);
    }
    
    
    /* #11 - #autonomous-revolution :: AUTONOMOUS MACHINES ARE REVOLUTIONIZING INDUSTRIES :: PORTRAIT ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #autonomous-revolution {
        position: relative;
        width: 100%;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 600px;
        overflow: hidden;
    }
    
    #autonomous-revolution .slide-clip {
        position: relative;
        width: 100%;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 600px;
    }
    
    #autonomous-revolution-textcontainer {
        position: relative;
        width: 100vw;
        max-width: calc(100vw - 60px);
        top: 50px;
        left: 0px;
        margin: 0 auto;
        padding: 0;
        padding-top: calc(50vh - 260px);
    }
    
    #autonomous-revolution-h1 {
        position: relative;
        width: 100vw;
        max-width: 300px;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 15px;
        padding: 0;
        padding-right: 0px;
        padding-left: 0px;
        color: #eee;
        font-size: 22px;
        line-height: 1.2em;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    #autonomous-revolution-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        color: #eee;
        text-align: left;
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
        z-index: 51;
        float: left;
    }
    
    
    
    /* #12 - #drive-autonomous-vehicles :: NVIDIA DRIVE FOR AUTONOMOUS VEHICLES :: PORTRAIT ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #drive-autonomous-vehicles {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 785px;
        top: 0px;
        left: 0px;
        background: #000 url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-portrait-P.jpg);
        background-repeat: no-repeat;
        background-position: center 20px;
        background-size: 100vw;
        background-attachment: scroll;
    }
    
    #drive-autonomous-vehicles .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 785px;
    }
    
    #drive-autonomous-vehicles h1 {
        position: relative;
        width: 100%;
        max-width: 240px;
        top: 50px;
        left: 10px;
        padding: 0;
    }
    
    #drive-autonomous-vehicles .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 15px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #drive-autonomous-vehicles-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 780px;
        left: 0px;
        top: calc(100vw - 10px);
        background-color: rgba(0,0,0,0);
        border: none;
        padding: 0;
        padding-top: 0px;
        background-color: black;
    }
    
    #drive-autonomous-vehicles-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-top: 0px;
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
    }
    
    #drive-autonomous-vehicles-text p {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 15px;
    }
    
    #drive-autonomous-vehicles-divider {
        top: calc(100vw - 180px);
    }
    
    /* #13 - #nvidia-culture :: NVIDIA CULTURE :: PORTRAIT ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #nvidia-culture {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 430px;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }
    
    #nvidia-culture .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 430px;
    }
    
    #nvidia-culture-textcontainer {
        position: relative;
        width: 100vw;
        max-width: calc(100vw - 50px);
        top: 50px;
        left: 5px;
        margin: 0 auto;
        padding: 0;
        padding-top: calc(50vh - 260px);
    }
    
    #nvidia-culture-h1 {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
        margin-bottom: 15px;
        padding: 0;
        padding-right: 0px;
        padding-left: 0px;
        color: #eee;
        font-size: 22px;
        line-height: 1.2em;
        text-align: left;
        z-index: 50;
        float: left;
    }
    
    
    /* #14 - #jetson-nano-family :: JETSON AGX AND ISAAC DELIVER AI TO ROBOTICS AND IOT INDUSTRY :: PORTRAIT ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #jetson-nano-family {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 625px;
        top: 0px;
        left: 0px;
        background: #000 url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-portrait-P.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #jetson-nano-family .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 625px;
    }
    
    #jetson-nano-family h1 {
        position: relative;
        width: calc(100vw - 20px);
        max-width: 240px;
        top: 50px;
        left: 0px;
    }
    
    #jetson-nano-family .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 15px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #jetson-nano-family-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 780px;
        left: 0px;
        top: calc(100vw - 4px);
        background-color: rgba(0,0,0,0);
        border: none;
        padding: 0;
        padding-top: 0px;
        background-color: black;
    }
    
    #jetson-nano-family-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-top: 0px;
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
    }
    
    #jetson-nano-family-text p {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 15px;
    }
    
    #jetson-nano-family-divider {
        top: calc(100vw - 180px);
    }
    
    
    /* #15 - #nvidia-summary :: NVIDIA SUMMARY :: PORTRAIT ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #nvidia-summary {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625 + 360px); /*560px;*/
        background: #ccc url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-nvidia-summary-landscape-P@2x.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: scroll;
        float: left;
        z-index: 150;
        overflow: hidden;
    }
    
    #nvidia-summary .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625 + 360px); /*560px;*/
    }
    
    #nvidia-summary-textcontainer {
        position: absolute;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height:calc(100vw * 0.5625 + 360px); /*560px;*/
        top: calc(100vw * 0.5625);
        left: 0px;
        bottom: 0px;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-color: #eee;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/isometric-graphics-motif.png);
        background-position: top center;
        background-repeat: repeat;
        background-attachment: scroll;
        clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
        float: left;
    }
    
    #nvidia-summary-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 680px;
        margin: 0;
        padding: 0;
        top: 0px;
        left: 0px;
        shape-outside: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        shape-margin: 30px;
        clip-path: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        -webkit-clip-path: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        background-color: transparent;
        /*background-color: red;*/
        /*opacity: 0.5;*/
    }
    
    #nvidia-summary-logo {
        position: absolute;
        width: calc(100% - 20px);
        height: 24px;
        top: calc(100vw * 0.5625 + 30px);
        left: auto;
        right: auto;
        bottom: auto;
        background: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-black.svg) no-repeat;
        background-size: contain;
        background-position: center;
        float: left;
        display: none;
    }
    
    #nvidia-summary-quotes {
        position: absolute;
        width: 310px;
        height: auto;
        top: calc(100vw * 0.5625 + 30px);
        bottom: auto;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        padding: 0;
        float: right;
        /*background: blue;*/
    }
    
    #nvidia-summary-quote1 {
        width: 164px;
        height: 80px;
        margin-right: 0px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote2 {
        width: 140px;
        height: 80px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote3 {
        width: 164px;
        height: 80px;
        margin-right: 0px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote4 {
        width: 140px;
        height: 80px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote5 {
        width: 164px;
        height: 80px;
        margin-right: 0px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote6 {
        width: 140px;
        height: 80px;
        float: right;
        display: inline-block;
    }
    
    .nvidia-summary-quotation {
        font-family: NVIDIA;
        font-size: 14px;
        line-height: 1em;
        font-weight: 600;
        /*display: inline-block;*/
        color: #000;
        width: 160px;
    }
    
    .nv-quotation-mark {
        font-family: NVIDIA;
        font-size: 24px !important;
        line-height: 1em;
        display: inline-block;
        color: #76b900 !important;
        vertical-align: text-top;
        font-weight: 600;
     }
    
    .nvidia-summary-attribution {
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1em;
        display: block;
        color: #76b900;
        margin-left: 0px;
        font-weight: 600;
    }
     
    #nvidia-summary-footer {
        position: absolute;
        right: 0px;
        left: 0px;
        width: calc(100vw - 40px);
        bottom: 30px;
        margin: 0 auto;
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1.5em;
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
        display: inline-block;
        color: #000;
    }
       
}



/* ----------------------------------------------------------------------*/
/* BROCHURE: PORTRAIT ORIENTATION :: TABLET BREAKPOINT 768-1024          */
/* ----------------------------------------------------------------------*/

@media all and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    
    /*.intro-copy p {
        padding-left: 30px;
        padding-right: 30px;
    }*/
    
    
    /* #1 - #nvidia-intro :: NVIDIA INTRO WALK-IN ANIMATION :: PORTRAIT ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #nvidia-intro {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625);
        overflow: hidden;
    }
    
    #nvidia-intro .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625);
    }
    
    
    /* #2-V2 - #da-vincis-einsteins :: SUPERCHARGED COMPUTING FOR THE DA VINCIS AND EINSTEINS OF OUR TIME :: PORTRAIT ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #da-vincis-einsteins {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        background-color: black;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100px, transparent 250px, transparent 90vw, rgba(0,0,0,1) 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-portrait-T.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100px, transparent 250px, transparent 90vw, rgba(0,0,0,1) 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-portrait-T.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100px, transparent 250px, transparent 90vw, rgba(0,0,0,1) 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-portrait-T.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: scroll;
        float: left;
        overflow: hidden;
    }
    
    #da-vincis-einsteins .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    #da-vincis-einsteins-textcontainer {
        position: relative;
        width: 100vw;
        height: auto;
        min-height: auto;
        top: 100vw;
        left: 0px;
        float: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        color: #eee;
        background-color: rgba(0,0,0,0.9);
        /*background-color: green;*/
    }
    
    #da-vincis-einsteins-text p {
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 15px;
    }
    
    #da-vincis-einsteins-divider {
        position: relative;
        top: 0px;
        left: 0px;
        margin-bottom: 30px;
    }
    
    
    /* #3 - #moores-law :: TWO FORCES SHAPING COMPUTING :: PORTRAIT ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #moores-law {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        overflow: hidden;
    }
    
    #moores-law .slide-clip {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    #moores-law h1 {
        width: 100%;
        top: 70px;
        left: 0px;
        padding-right: 30px;
        padding-left: 30px;
        max-width: 500px;
    }
    
    #moores-law-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        max-width: 640px;
        min-height: auto;
        top: 720px;
        left: calc(50vw - 320px);
        float: left;
        z-index: 50;
        margin: 60px auto;
        padding: 0;
        color: #eee;
    }
    
    #moores-law-text p {
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 15px;
    }
    
    #moores-law-chart {
        position: absolute;
        width: 600px;
        height: 600px;
        margin: 0 auto;
        left: calc(50% - 300px);
        margin-top: 166px;
    }
    
    #moores-law-chart-svg {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 50;
    }
    
    
    /* #4 - #modern-cg :: NVIDIA DEFINES MODERN COMPUTER GRAPHICS :: PORTRAIT ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #modern-cg {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        max-height: calc(var(--vh));
        min-height: 768px;
        overflow: hidden;
    }
    
    #modern-cg .slide-clip {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    
    /* #5 - #new-era-vfx :: A NEW ERA FOR VISUAL EFFECTS :: PORTRAIT ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #new-era-vfx {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1084px;
        background-color: black;
        /*background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-supercharged-computing-portrait-desktop.jpg');*/
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 190px, transparent 240px, transparent 90vw, rgba(0,0,0,1) 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-portrait-tablet.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 190px, transparent 240px, transparent 90vw, rgba(0,0,0,1) 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-portrait-tablet.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 190px, transparent 240px, transparent 90vw, rgba(0,0,0,1) 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-portrait-tablet.jpg');
        background-repeat: no-repeat;
        background-position: center -120px;
        background-size: 100vw;
        background-attachment: scroll;
        float: left;
        overflow: hidden;
    }
    
    #new-era-vfx .slide-clip {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1084px;
    }
    
    #new-era-vfx h1 {
        width: calc(100vw - 60px);
        top: 70px;
        left: 30px;
        max-width: 380px;
        color: #76b900;
    }
    
    #new-era-vfx-textcontainer {
        position: relative;
        width: 100vw;
        height: auto;
        /* min-height: calc(var(--vh)); */
        min-height: auto;
        top: calc(100vw - 240px);
        left: 0px;
        float: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        color: #eee;
        background-color: rgba(0,0,0,0.9);
        /*background-color: green;*/
    }
    
    #new-era-vfx-text p {
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 15px;
    }
    
    #new-era-vfx-fg-image {
        position: relative;
        width: 100%;
        height: 150px;
        top: calc(100vw - 220px);
        right: auto;
        left: auto;
        bottom: auto;
        float: left;
        background-color: transparent;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-new-era-vfx-portrait-quadro-rtx-8000-L.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: contain;
        padding: 0;
        margin: 0;
        z-index: 55;
    }
    
    #new-era-vfx-divider {
        position: relative;
        top: 0px;
        left: 0px;
        margin-bottom: 30px;
    }
    
    
    /* #6 - #rtx-gaming :: RTX RESETS GAMING :: PORTRAIT ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #rtx-gaming {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1250px;
        background-color: black;
        /*background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-portrait-T.jpg');*/
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100px, transparent 260px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-portrait-T.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100px, transparent 260px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-portrait-T.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100px, transparent 260px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-portrait-T.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: scroll;
        float: left;
        overflow: hidden;
    }
    
    #rtx-gaming .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1250px;
    }
    
    #rtx-gaming h1 {
        width: calc(100vw - 60px);
        top: 70px;
        left: 30px;
        max-width: 500px;
        color: #76b900;
    }
    
    #rtx-gaming-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 30px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #rtx-gaming-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 700px;
        left: -1px;
        top: calc(100vw - 100px);
        background-color: rgba(0,0,0,0);
        border: none;
        padding: 0;
        background-color: black;
    }
    
    #rtx-gaming-text {
        position: relative;
        width: 85vw;
        left: 0px;
        top: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-top: 0px;
        padding-right: 30px;
    }
    
    #rtx-gaming-text p {
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 15px;
    }
    
    #rtx-gaming-fg-image {
        position: absolute;
        width: 91px;
        height: 247px;
        top: calc(100vw - 50px);
        right: 0px;
        left: auto;
        bottom: auto;
        float: left;
        background-color: transparent;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-portrait-T.png');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 30px;
        margin-right: 60px;
        z-index: 55;
    }
    
    #rtx-gaming-logos {
        position: relative;
        width: calc(100vw - 94px);
        height: 100px;
        float: left;
        z-index: 200;
        top: 0px;
        left: 0px;
        margin: 0px;
        margin-top: 10px;
        padding: 0px;
    }
    
    #rtx-gaming-logo-microsoft-directx {
        position: relative;
        width: 30%;
        height: 100px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-microsoft-directx-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    #rtx-gaming-logo-unreal-engine {
        position: relative;
        width: 30%;
        height: 100px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unreal-engine-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    #rtx-gaming-logo-unity {
        position: relative;
        width: 30%;
        height: 100px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unity-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    
    /* #7 - #next-era-computing :: NVIDIA IS POWERING THE NEXT ERA OF COMPUTING :: PORTRAIT ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #next-era-computing {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        overflow: hidden;
    }
    
    #next-era-computing .slide-clip {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    
    /* #8 - #fastest-supercomputers :: POWERING THE WORLD’S FASTEST SUPERCOMPUTERS :: PORTRAIT ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #fastest-supercomputers {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1200px;
        background-color: black;
        /*background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-portrait-T.jpg');*/
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 120px, transparent 185px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-portrait-T.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 120px, transparent 185px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-portrait-T.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 120px, transparent 185px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-portrait-T.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: scroll;
        float: left;
        overflow: hidden;
    }
    
    #fastest-supercomputers .slide-clip {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1200px;
    }
    
    #fastest-supercomputers h1 {
        width: calc(100vw - 60px);
        top: 70px;
        left: 30px;
        max-width: 500px;
    }
    
    #fastest-supercomputers .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 30px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #fastest-supercomputers-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 700px;
        left: 0px;
        top: calc(100vw * 1.3562913907284768 - 460px);
        background-color: rgba(0,0,0,0.95);
        border: none;
        padding: 0;
        padding-top: 0px;
    }
    
    #fastest-supercomputers-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-top: 0px;
    }
    
    #fastest-supercomputers-text p {
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 15px;
    }
    
    #fastest-supercomputers-divider {
        top: calc(100vw - 180px);
    }
    
    .mini-logo-container {
        padding: 0;
        padding-bottom: 30px;
        padding-left: 30px;
        /*background-color: blue !important;*/
    }

    .mini-logo-inline {
        position: relative;
        display: inline-block;
        top: 0px;
        left: 0px;
        margin-bottom: 10px !important;
        margin-right: 30px !important;
        /*background-color: green !important;*/
    }

    #fastest-supercomputers-logo-1 {
        width: 130px;
        height: 54px;
    }

    #fastest-supercomputers-logo-2 {
        width: 150px;
        height: 54px;
    }

    #fastest-supercomputers-logo-3 {
        width: 130px;
        height: 54px;
    }

    #fastest-supercomputers-logo-4 {
        width: 106px;
        height: 54px;
        
    }

    #fastest-supercomputers-logo-5 {
        width: 164px;
        height: 54px;
    }
    
    
    /* #9 - #ai-training-tool :: WORLD'S MOST POWERFUL AI TRAINING TOOL :: PORTRAIT ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    #ai-training-tool {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        overflow: hidden;
    }
    
    #ai-training-tool .slide-clip {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    #ai-training-tool h1 {
        width: calc(100vw - 60px);
        top: 70px;
        left: 30px;
        max-width: 480px;
    }
    
    #ai-training-tool .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 30px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #ai-training-tool-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 700px;
        left: 0px;
        top: calc(100vw * 0.5625 + 286px);
        background-color: rgba(0,0,0,0);
        border: none;
        padding: 0;
        padding-top: 0px;
        background-color: black;
    }
    
    #ai-training-tool-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-top: 0px;
    }
    
    #ai-training-tool-text p {
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 15px;
    }
    
    #ai-training-tool-divider {
        top: calc(100vw - 180px);
    }
    
    .ai-features {
        position: absolute;
        width: calc(100vw - 60px);
        max-width: none;
        top: calc(100vw * 0.5625 + 200px);
        right: 0px;
        margin: 0;
        margin-right: 30px;
        padding: 0;
        border: none;
        z-index: 100;
        float: right;
        /* background: blue; */
    }
    
    .ai-feature {
        position: relative;
        width: 32.9%;
        max-width: none;
        /* max-width: 237px; */
        min-height: 80px;
        text-align: center;
        margin: 0;
        margin-bottom: 0px;
        padding: 0;
        border: none;
        display: inline-block;
        /* background: green; */
    }
    
    .ai-feature-label {
        position: relative;
        font-size: 14px;
        text-align: center;
        vertical-align: text-top;
        bottom: 0px;
    }
    
    .ai-feature-value {
        position: relative;
        font-size: 24px;
        text-align: center;
        vertical-align: text-top;
        top: 10px;
    }
    
    #ai-training-tool-fg-video {
        position: absolute;
        width: calc(100vw - 60px);
        height: calc(100vw * 0.5625);
        top: 135px;
        left: 60px;
        right: 30px;
        margin: 40px auto;
        background-color: transparent;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/videos/dgx-2-exploded-view-0-PT.jpg);
        background-position: center;
        background-size: cover;
    }
    
    
    /* #10 - #ai-inference-hyperscale :: POWERING AI INFERENCE FOR HYPERSCALE :: PORTRAIT ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #ai-inference-hyperscale {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        top: 0px;
        left: 0px;
        background-color: #000;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 120px, transparent 260px, transparent 50%), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-portrait-T@2x.jpg);
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 120px, transparent 260px, transparent 50%), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-portrait-T@2x.jpg);
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 120px, transparent 260px, transparent 50%), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-portrait-T@2x.jpg);
        background-repeat: no-repeat;
        background-position: center -60px;
        background-size: 100vw;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #ai-inference-hyperscale .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    #ai-inference-hyperscale-h1 {
        width: calc(100vw - 60px);
        top: 70px;
        left: 30px;
        max-width: 500px;
    }
    
    #ai-inference-hyperscale .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 30px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #ai-inference-hyperscale-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 1024px;
        top: calc(100vw - 132px);
        left: 0px;
        background-color: rgba(0,0,0,0.9);
        border: none;
        padding: 0;
    }
    
    #ai-inference-hyperscale-text {
        position: relative;
        width: calc(60% - 30px);
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-top: 0px;
    }
    
    #ai-inference-hyperscale-text p {
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 15px;
    }
    
    #ai-inference-hyperscale-divider {
        top: calc(100vw - 180px);
    }
    
    #ai-inference-hyperscale-fg-image {
        position: absolute;
        width: 318px;
        height: 190px;
        top: calc(100vw - 20px);
        right: 0px;
        margin-right: 30px;
        float: right;
        background-color: transparent;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-ai-inference-hyperscale-portrait-L@2x.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    
    /* #11 - #autonomous-revolution :: AUTONOMOUS MACHINES ARE REVOLUTIONIZING INDUSTRIES :: PORTRAIT ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #autonomous-revolution {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 665px;
        overflow: hidden;
    }
    
    #autonomous-revolution .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 665px;
    }
    
    /*#autonomous-revolution-h1 {
        width: calc(100vw - 60px);
        top: 70px;
        left: 30px;
        max-width: 500px;
    }
    
    #autonomous-revolution .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 30px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #autonomous-revolution-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 700px;
        left: 0px;
        top: calc(100vw * 1.3562913907284768 - 460px);
        background-color: rgba(0,0,0,0.9);
        border: none;
        padding: 0;
        padding-top: 0px;
    }
    
    #autonomous-revolution-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-top: 0px;
    }
    
    #autonomous-revolution-text p {
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 15px;
    }
    
    #autonomous-revolution-divider {
        top: calc(100vw - 180px);
    }*/
    
    
    /* #12 - #drive-autonomous-vehicles :: NVIDIA DRIVE FOR AUTONOMOUS VEHICLES :: PORTRAIT ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #drive-autonomous-vehicles {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
        top: 0px;
        left: 0px;
        background: #000 url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-portrait-T@2x.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #drive-autonomous-vehicles .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1024px;
    }
    
    #drive-autonomous-vehicles-h1 {
        width: calc(100vw - 60px);
        top: 40px;
        left: 0px;
        max-width: 500px;
    }
    
    #drive-autonomous-vehicles .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 30px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #drive-autonomous-vehicles-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 700px;
        left: 0px;
        top: calc(100vw * 1.3562913907284768 - 470px);
        background-color: rgba(0,0,0,0.9);
        border: none;
        padding: 0;
        padding-top: 0px;
    }
    
    #drive-autonomous-vehicles-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-top: 0px;
    }
    
    #drive-autonomous-vehicles-text p {
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 15px;
    }
    
    #drive-autonomous-vehicles-divider {
        top: calc(100vw - 180px);
    }
    
    
    /* #13 - #nvidia-culture :: NVIDIA CULTURE :: PORTRAIT ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #nvidia-culture {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 665px;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }
    
    #nvidia-culture .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 665px;
    }
    
    
    /* #14 - #jetson-nano-family :: JETSON AGX AND ISAAC DELIVER AI TO ROBOTICS AND IOT INDUSTRY :: PORTRAIT ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #jetson-nano-family {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 888px;
        top: 0px;
        left: 0px;
        background: #000 url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-portrait-T@2x.jpg);
        background-repeat: no-repeat;
        background-position: center -160px;
        background-size: 100vw;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #jetson-nano-family .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 888px;
    }
    
    #jetson-nano-family-h1 {
        width: calc(100vw - 60px);
        max-width: 420px;
        top: 40px;
        left: 0px;
    }
    
    #jetson-nano-family .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 30px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #jetson-nano-family-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 888px;
        top: calc(100vw * 1.3562913907284768 - 540px);
        left: 0px;
        background-color: rgba(0,0,0,0.9);
        border: none;
        padding: 0;
        padding-top: 0px;
    }
    
    #jetson-nano-family-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-top: 0px;
    }
    
    #jetson-nano-family-text p {
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 15px;
    }
    
    #jetson-nano-family-divider {
        top: calc(100vw - 180px);
    }
    
    
    /* #15 - #nvidia-summary :: NVIDIA SUMMARY :: PORTRAIT ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #nvidia-summary {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        /* min-height: calc(100vw * 1.777777777777778);*/
        min-height: 980px;
        background: #ccc url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-nvidia-summary-landscape-T@2x.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: scroll;
        float: left;
        z-index: 150;
        overflow: hidden;
    }
    
    #nvidia-summary .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 980px;
    }
    
    #nvidia-summary-textcontainer {
        position: absolute;
        width: 100vw;
        height: 100vh;
        /* height: calc(var(--vh)); */
        min-height: 680px;
        top: calc(100vw * 0.5625);
        left: 0px;
        bottom: 0px;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-color: #eee;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/isometric-graphics-motif.png);
        background-position: top center;
        background-repeat: repeat;
        background-attachment: scroll;
        clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
        float: left;
    }
    
    #nvidia-summary-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 680px;
        margin: 0;
        padding: 0;
        top: 0px;
        left: 0px;
        shape-outside: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        shape-margin: 30px;
        clip-path: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        -webkit-clip-path: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        background-color: transparent;
        /*background-color: red;*/
        /*opacity: 0.5;*/
    }
    
    #nvidia-summary-logo {
        position: absolute;
        width: calc(100% - 20px);
        height: 24px;
        top: calc(100vw * 0.5625 + 30px);
        left: auto;
        right: auto;
        bottom: auto;
        background: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-black.svg) no-repeat;
        background-size: contain;
        background-position: center;
        float: left;
        display: block;
    }
    
    #nvidia-summary-quotes {
        position: relative;
        width: 360px;
        height: auto;
        top: calc(100vw * 0.5625 + 90px);
        bottom: auto;
        right: calc(50vw - 190px);
        left: calc(50vw - 190px);
        margin: 0 auto;
        padding: 0;
        float: left;
        /*background: blue;*/
    }
    
    #nvidia-summary-quote1 {
        width: 190px;
        height: 80px;
        margin-right: 10px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote2 {
        width: 140px;
        height: 80px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote3 {
        width: 190px;
        height: 80px;
        margin-right: 10px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote4 {
        width: 140px;
        height: 80px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote5 {
        width: 190px;
        height: 80px;
        margin-right: 10px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote6 {
        width: 140px;
        height: 80px;
        float: right;
        display: inline-block;
    }
    
    .nvidia-summary-quotation {
        font-family: NVIDIA;
        font-size: 14px;
        line-height: 1em;
        font-weight: 600;
        /*display: inline-block;*/
        color: #000;
        width: 160px;
    }
    
    .nv-quotation-mark {
        font-family: NVIDIA;
        font-size: 24px !important;
        line-height: 1em;
        display: inline-block;
        color: #76b900 !important;
        vertical-align: text-top;
        font-weight: 600;
     }
    
    .nvidia-summary-attribution {
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1em;
        display: block;
        color: #76b900;
        margin-left: 0px;
        font-weight: 600;
    }
     
    #nvidia-summary-footer {
        position: absolute;
        right: 10px;
        left: 10px;
        width: calc(100vw - 20px);
        bottom: 30px;
        margin: 0 auto;
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1.5em;
        display: inline-block;
        color: #000;
        text-align: center;
    }
    
}



/* ----------------------------------------------------------------------*/
/* BROCHURE: PORTRAIT ORIENTATION :: LAPTOP BREAKPOINT 1025-1349         */
/* ----------------------------------------------------------------------*/

@media all and (min-width: 1025px) and (max-width: 1349px) and (orientation: portrait) {
    
    .intro-copy {
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1.5em;
        color: #eee;
    }
    
    
    /* #1 - #nvidia-intro :: NVIDIA INTRO WALK-IN ANIMATION :: PORTRAIT ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #nvidia-intro {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1500px;
        overflow: hidden;
    }
    
    #nvidia-intro .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1500px;
    }
    
    
    /* #2-V2 - #da-vincis-einsteins :: SUPERCHARGED COMPUTING FOR THE DA VINCIS AND EINSTEINS OF OUR TIME :: PORTRAIT ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #da-vincis-einsteins {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1500px;
        background-color: black;
        /*background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-portrait-desktop.jpg');*/
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 10vw, transparent 20vw, transparent 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-portrait-T.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 10vw, transparent 20vw, transparent 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-portrait-T.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 10vw, transparent 20vw, transparent 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-portrait-T.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: fixed;
        float: left;
        overflow: hidden;
    }
    
    #da-vincis-einsteins .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1500px;
    }
    
    #da-vincis-einsteins-textcontainer {
        position: relative;
        width: 100vw;
        height: auto;
        min-height: 1200px;
        top: calc(100vw - 144px);
        left: 0px;
        float: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-bottom: 350px;
        color: #eee;
        background-color: rgba(0,0,0,0.9);
        /*background-color: green;*/
    }
    
    #da-vincis-einsteins-text {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    
    #da-vincis-einsteins-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #da-vincis-einsteins-divider {
        position: relative;
        top: 0px;
        left: 0px;
        margin-bottom: 60px;
    }
    
    
    /* #3 - #moores-law :: TWO FORCES SHAPING COMPUTING :: PORTRAIT ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #moores-law {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1400px;
        top: 0px;
        left: 0px;
        z-index: 20;
        float: left;
    }
    
    #moores-law .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1400px;
    }
    
    #moores-law h1 {
        top: 120px;
        left: 60px;
    }
    
    #moores-law-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        max-width: 700px;
        min-height: auto;
        top: 800px;
        left: calc(50vw - 350px);
        float: left;
        z-index: 50;
        margin: 0 auto;
        padding: 0;
        color: #eee;
    }
    
    #moores-law-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #moores-law-chart {
        position: absolute;
        width: 600px;
        height: 600px;
        margin: 0 auto;
        left: calc(50vw - 300px);
        margin-top: 210px;
    }
    
    #moores-law-chart-svg {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 50;
    }
    
    
    /* #4 - #modern-cg :: NVIDIA DEFINES MODERN COMPUTER GRAPHICS :: PORTRAIT ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #modern-cg {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 640px;
        overflow: hidden;
    }
    
    #modern-cg .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 640px;
    }
    
    
    /* #5 - #new-era-vfx :: A NEW ERA FOR VISUAL EFFECTS :: PORTRAIT ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #new-era-vfx {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1800px;
        background-color: #000;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100px, transparent 250px, transparent 90vw, rgba(0,0,0,1) 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-portrait-tablet.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100px, transparent 250px, transparent 90vw, rgba(0,0,0,1) 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-portrait-tablet.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100px, transparent 250px, transparent 90vw, rgba(0,0,0,1) 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-portrait-tablet.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: fixed;
        float: left;
        overflow: hidden;
    }
    
    #new-era-vfx .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1800px;
    }
    
    #new-era-vfx-h1 {
        width: calc(100vw - 60px);
        top: 120px;
        left: 60px;
        max-width: 500px;
        color: #76b900;
    }
    
    #new-era-vfx-textcontainer {
        position: relative;
        width: 100vw;
        height: auto;
        /* min-height: calc(var(--vh)); */
        min-height: 370px;
        top: calc(100vw - 180px);
        left: 0px;
        float: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-bottom: 320px;
        color: #eee;
        background-color: rgba(0,0,0,0.9);
        /*background-color: green;*/
    }
    
    #new-era-vfx-divider {
        position: relative;
        top: 0px;
        left: 0px;
        margin-bottom: 60px;
    }
    
    #new-era-vfx-fg-image {
        position: relative;
        width: calc(100% - 120px);
        height: 272px;
        top: calc(100vw - 518px);
        right: auto;
        left: auto;
        bottom: auto;
        float: left;
        background-color: transparent;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-new-era-vfx-portrait-quadro-rtx-8000-D.png);
        background-position: center top;
        background-repeat: no-repeat;
        margin: 60px;
        z-index: 55;
    }
    
    
    /* #6 - #rtx-gaming :: POWERING THE WORLD’S FASTEST SUPERCOMPUTERS :: PORTRAIT ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #rtx-gaming {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1700px;
        min-height: calc(100vw * 1.5);
        background-color: black;
        /*background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-portrait-L.jpg');*/
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100px, transparent 260px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-portrait-L.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100px, transparent 260px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-portrait-L.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100px, transparent 260px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-portrait-L.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: fixed;
        float: left;
    }
    
    #rtx-gaming .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1700px;
        min-height: calc(100vw * 1.5);
    }
    
    #rtx-gaming h1 {
        width: calc(100vw - 60px);
        top: 120px;
        left: 60px;
        max-width: 640px;
        color: #76b900;
    }
    
    #rtx-gaming .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 60px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #rtx-gaming-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 700px;
        top: calc(100vw - 60px);
        left: -1px;
        background-color: rgba(0,0,0,0.9);
        border: none;
        padding: 0;
        padding-top: 0px;
        background-color: black;
    }
    
    #rtx-gaming-text {
        position: relative;
        width: 100%;
        max-width: 80vw;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
    }
    
    #rtx-gaming-text p {
        max-width: none;
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #rtx-gaming-fg-image {
        position: absolute;
        width: 120px;
        height: 325px;
        top: 100vw;
        right: 0px;
        left: auto;
        bottom: auto;
        float: left;
        background-color: transparent;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-portrait-L.png');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 60px;
        z-index: 55;
    }
    
    #rtx-gaming-logos {
        position: relative;
        width: calc(100vw - 270px);
        height: 100px;
        float: left;
        z-index: 200;
        top: 0px;
        left: 30px;
        margin: 0px;
        margin-top: 10px;
        padding: 0px;
    }
    
    #rtx-gaming-logo-microsoft-directx {
        position: relative;
        width: 180px;
        height: 100px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-microsoft-directx-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    #rtx-gaming-logo-unreal-engine {
        position: relative;
        width: 180px;
        height: 100px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unreal-engine-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    #rtx-gaming-logo-unity {
        position: relative;
        width: 180px;
        height: 100px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unity-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    
    /* #7 - #next-era-computing :: NVIDIA IS POWERING THE NEXT ERA OF COMPUTING :: PORTRAIT ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #next-era-computing {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1600px;
        overflow: hidden;
    }
    
    #next-era-computing .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1600px;
    }
    
    
    /* #8 - #fastest-supercomputers :: POWERING THE WORLD’S FASTEST SUPERCOMPUTERS :: PORTRAIT ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #fastest-supercomputers {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1600px;
        background-color: black;
        /*background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-portrait-L.jpg');*/
        
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+20,000000+100&1+0,0+20,0+100 */
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 220px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-portrait-L.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 220px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-portrait-L.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 220px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-portrait-L.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: fixed;
        float: left;
        overflow: hidden;
    }
    
    #fastest-supercomputers .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1600px;
    }
    
    #fastest-supercomputers h1 {
        width: calc(100vw - 60px);
        top: 120px;
        left: 60px;
        max-width: 640px;
    }
    
    #fastest-supercomputers .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 60px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #fastest-supercomputers-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 120vw;
        left: 0px;
        top: calc(100vw * 1.3562913907284768 - 700px);
        background-color: rgba(0,0,0,0.95);
        border: none;
        padding: 0;
        padding-top: 0px;
    }
    
    #fastest-supercomputers-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
    }
    
    #fastest-supercomputers-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #fastest-supercomputers-divider {
        top: calc(100vw - 180px);
    }
    
    .mini-logo-container {
        padding-top: 0px;
        padding-right: 60px;
        padding-bottom: 30px;
        padding-left: 60px;
        /*background-color: blue !important;*/
    }

    .mini-logo-inline {
        position: relative;
        display: inline-block;
        top: 0px;
        left: 0px;
        margin-bottom: 10px !important;
        margin-right: 30px !important;
        /*background-color: green !important;*/
    }

    #fastest-supercomputers-logo-1 {
        width: 130px;
        height: 54px;
    }

    #fastest-supercomputers-logo-2 {
        width: 150px;
        height: 54px;
    }

    #fastest-supercomputers-logo-3 {
        width: 130px;
        height: 54px;
    }

    #fastest-supercomputers-logo-4 {
        width: 106px;
        height: 54px;
        
    }

    #fastest-supercomputers-logo-5 {
        width: 164px;
        height: 54px;
    }
    
    
    /* #9 - #ai-training-tool :: WORLD'S MOST POWERFUL AI TRAINING TOOL :: PORTRAIT ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #ai-training-tool {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1700px;
        background-color: black;
        /*background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-training-tool-portrait-L.jpg');*/
        
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+20,000000+100&1+0,0+20,0+100 */
        /*background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 220px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-training-tool-portrait-L.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 220px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-training-tool-portrait-L.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 220px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-training-tool-portrait-L.jpg');*/
        
        /*background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: fixed;*/
        float: left;
    }
    
    #ai-training-tool .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1700px;
    }
    
    #ai-training-tool h1 {
        width: calc(100vw - 120px);
        top: 126px;
        left: 60px;
        max-width: 620px;
    }
    
    #ai-training-tool .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 60px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #ai-training-tool-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 700px;
        left: 0px;
        top: calc(100vw * 0.5625 + 480px);
        background-color: rgba(0,0,0,0);
        border: none;
        padding: 0;
        padding-top: 0px;
        background-color: black;
    }
    
    #ai-training-tool-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-top: 0px;
    }
    
    #ai-training-tool-text p {
        padding-left: 60px;
        padding-right: 60px;
        margin-bottom: 30px;
    }
    
    #ai-training-tool-divider {
        top: calc(100vw - 180px);
    }
    
    .ai-features {
        position: absolute;
        width: calc(100vw - 60px);
        max-width: none;
        top: calc(100vw * 0.5625 + 325px);
        right: 0px;
        margin: 0;
        margin-right: 30px;
        padding: 0;
        border: none;
        z-index: 100;
        float: right;
        /* background: blue; */
    }
    
    .ai-feature {
        position: relative;
        width: 32.9%;
        max-width: none;
        /* max-width: 237px; */
        min-height: 80px;
        text-align: center;
        margin: 0;
        margin-bottom: 30px;
        padding: 0;
        border: none;
        display: inline-block;
        /* background: green; */
    }
    
    .ai-feature-label {
        position: relative;
        font-size: 24px;
        text-align: center;
        vertical-align: text-top;
        bottom: 0px;
    }
    
    .ai-feature-value {
        position: relative;
        font-size: 36px;
        text-align: center;
        vertical-align: text-top;
        top: 10px;
    }
    
    #ai-training-tool-fg-video {
        position: absolute;
        width: calc(100vw - 120px);
        height: calc(100vw * 0.5625);
        top: 212px;
        left: 120px;
        right: 60px;
        margin: 60px auto;
        background-color: transparent;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/videos/dgx-2-exploded-view-0-PT.jpg);
        background-position: center;
        background-size: cover;
    }
    
    
    /* #10 - #ai-inference-hyperscale :: POWERING AI INFERENCE FOR HYPERSCALE :: PORTRAIT ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #ai-inference-hyperscale {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1400px;
        background-color: black;
        /*background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-portrait-L.jpg');*/
        
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+20,000000+100&1+0,0+20,0+100 */
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 220px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-portrait-L.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 220px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-portrait-L.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 220px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-portrait-L.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: fixed;
        float: left;
        overflow: hidden;
    }
    
    #ai-inference-hyperscale .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1400px;
    }
    
    #ai-inference-hyperscale h1 {
        width: calc(100vw - 60px);
        top: 120px;
        left: 60px;
        max-width: 640px;
    }
    
    #ai-inference-hyperscale .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 60px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #ai-inference-hyperscale-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 120vw;
        left: 0px;
        top: calc(100vw * 1.3562913907284768 - 700px);
        background-color: rgba(0,0,0,0.9);
        border: none;
        padding: 0;
        padding-top: 0px;
    }
    
    #ai-inference-hyperscale-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
    }
    
    #ai-inference-hyperscale-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #ai-inference-hyperscale-divider {
        top: calc(100vw - 180px);
    }
    
    
    /* #11 - #autonomous-revolution :: AUTONOMOUS MACHINES ARE REVOLUTIONIZING INDUSTRIES :: PORTRAIT ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #autonomous-revolution {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1600px;
        overflow: hidden;
    }
    
    #autonomous-revolution .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1600px;
    }
    
    
    /* #12 - #drive-autonomous-vehicles :: NVIDIA DRIVE FOR AUTONOMOUS VEHICLES :: PORTRAIT ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #drive-autonomous-vehicles {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1600px;
        background-color: black;
        /*background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-portrait-L.jpg');*/
        
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+20,000000+100&1+0,0+20,0+100 */
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 220px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-portrait-L.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 220px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-portrait-L.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 220px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-portrait-L.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: fixed;
        float: left;
        overflow: hidden;
    }
    
    #drive-autonomous-vehicles .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1600px;
    }
    
    #drive-autonomous-vehicles h1 {
        width: calc(100vw - 120px);
        top: 120px;
        left: 0px;
        max-width: 720px;
    }
    
    #drive-autonomous-vehicles .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 60px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #drive-autonomous-vehicles-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 120vw;
        left: 0px;
        top: calc(100vw * 1.3562913907284768 - 700px);
        background-color: rgba(0,0,0,0.9);
        border: none;
        padding: 0;
        padding-top: 0px;
    }
    
    #drive-autonomous-vehicles-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
    }
    
    #drive-autonomous-vehicles-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #drive-autonomous-vehicles-divider {
        top: calc(100vw - 180px);
    }
    
    
    /* #13 - #nvidia-culture :: NVIDIA CULTURE :: PORTRAIT ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #nvidia-culture {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 860px;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }
    
    #nvidia-culture .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 860px;
    }
    
    
    /* #14 - #jetson-nano-family :: JETSON AGX AND ISAAC DELIVER AI TO ROBOTICS AND IOT INDUSTRY :: PORTRAIT ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #jetson-nano-family {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1200px;
        background-color: black;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 220px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-portrait-L.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 220px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-portrait-L.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 220px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-portrait-L.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: fixed;
        float: left;
        overflow: hidden;
    }
    
    #jetson-nano-family .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1200px;
    }
    
    #jetson-nano-family h1 {
        width: calc(100vw - 120px);
        top: 120px;
        left: 60px;
        max-width: 640px;
    }
    
    #jetson-nano-family .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 60px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #jetson-nano-family-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 120vw;
        left: 0px;
        top: calc(100vw * 1.3562913907284768 - 700px);
        background-color: rgba(0,0,0,0.9);
        border: none;
        padding: 0;
        padding-top: 0px;
    }
    
    #jetson-nano-family-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1.5em;
    }
    
    #jetson-nano-family-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #jetson-nano-family-divider {
        top: calc(100vw - 180px);
    }
    
    
    /* #15 - #nvidia-summary :: NVIDIA SUMMARY :: PORTRAIT ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #nvidia-summary {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 980px;
        background: #ccc url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-nvidia-summary-landscape-L@2x.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: scroll;
        float: left;
        z-index: 150;
        overflow: hidden;
    }
    
    #nvidia-summary .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 980px;
    }
    
    #nvidia-summary-textcontainer {
        position: absolute;
        width: 100vw;
        height: 100vh;
        /* height: calc(var(--vh)); */
        min-height: 680px;
        top: calc(100vw * 0.5625);
        left: 0px;
        bottom: 0px;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-color: #eee;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/isometric-graphics-motif.png);
        background-position: top center;
        background-repeat: repeat;
        background-attachment: scroll;
        clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
        float: left;
    }
    
    #nvidia-summary-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 680px;
        margin: 0;
        padding: 0;
        top: 0px;
        left: 0px;
        shape-outside: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        shape-margin: 30px;
        clip-path: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        -webkit-clip-path: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        background-color: transparent;
        /*background-color: red;*/
        /*opacity: 0.5;*/
    }
    
    #nvidia-summary-logo {
        position: absolute;
        width: calc(100% - 20px);
        height: 24px;
        top: calc(100vw * 0.5625 + 30px);
        left: auto;
        right: auto;
        bottom: auto;
        background: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-black.svg) no-repeat;
        background-size: contain;
        background-position: center;
        float: left;
        display: block;
    }
    
    #nvidia-summary-quotes {
        position: relative;
        width: 360px;
        height: auto;
        top: calc(100vw * 0.5625 + 90px);
        bottom: auto;
        right: calc(50vw - 190px);
        left: calc(50vw - 190px);
        margin: 0 auto;
        padding: 0;
        float: left;
        /*background: blue;*/
    }
    
    #nvidia-summary-quote1 {
        width: 190px;
        height: 80px;
        margin-right: 10px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote2 {
        width: 140px;
        height: 80px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote3 {
        width: 190px;
        height: 80px;
        margin-right: 10px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote4 {
        width: 140px;
        height: 80px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote5 {
        width: 190px;
        height: 80px;
        margin-right: 10px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote6 {
        width: 140px;
        height: 80px;
        float: right;
        display: inline-block;
    }
    
    .nvidia-summary-quotation {
        font-family: NVIDIA;
        font-size: 14px;
        line-height: 1em;
        font-weight: 600;
        /*display: inline-block;*/
        color: #000;
        width: 160px;
    }
    
    .nv-quotation-mark {
        font-family: NVIDIA;
        font-size: 24px !important;
        line-height: 1em;
        display: inline-block;
        color: #76b900 !important;
        vertical-align: text-top;
        font-weight: 600;
     }
    
    .nvidia-summary-attribution {
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1em;
        display: block;
        color: #76b900;
        margin-left: 0px;
        font-weight: 600;
    }
     
    #nvidia-summary-footer {
        position: absolute;
        right: 10px;
        left: 10px;
        width: calc(100vw - 20px);
        bottom: 30px;
        margin: 0 auto;
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1.5em;
        display: inline-block;
        color: #000;
        text-align: center;
    }
    
}



/* ----------------------------------------------------------------------*/
/* BROCHURE: PORTRAIT ORIENTATION :: DEKTOP BREAKPOINT >= 1350           */
/* ----------------------------------------------------------------------*/

@media all and (min-width: 1350px) and (orientation: portrait) {
    
    h1 {
        font-family: NVIDIA;
        font-size: 48px;
        line-height: 1em;
        font-weight: 500;
    }
    
    .brochure-headline {
        width: 100vw;
        top: 184px;
        left: 60px;
        max-width: 720px;
    }
    
    .intro-copy {
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1.5em;
        color: #eee;
    }
    
    
    /* #1 - #nvidia-intro :: NVIDIA INTRO WALK-IN ANIMATION :: PORTRAIT ORIENTATION :: DEKTOP BREAKPOINT >= 1350 */
    
    #nvidia-intro {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        overflow: hidden;
    }
    
    #nvidia-intro .slide-clip {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    
    /* #2-V2 - #da-vincis-einsteins :: SUPERCHARGED COMPUTING FOR THE DA VINCIS AND EINSTEINS OF OUR TIME :: PORTRAIT ORIENTATION :: DEKTOP BREAKPOINT >= 1350 */
    
    #da-vincis-einsteins {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        background-color: black;
        /*background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-portrait-desktop.jpg');*/
        
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+20,000000+100&1+0,0+20,0+100 */
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 40vw, transparent 60vw, transparent 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-portrait-D.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 40vw, transparent 60vw, transparent 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-portrait-D.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 40vw, transparent 60vw, transparent 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-portrait-D.jpg');
        
        background-repeat: no-repeat;
        background-position: center -380px;
        background-size: contain;
        background-attachment: scroll;
        float: left;
    }
    
    #da-vincis-einsteins .slide-clip {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    #da-vincis-einsteins-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        /*min-height: calc(var(--vh));*/
        top: calc(100vw - 380px);
        left: 0px;
        float: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        color: #eee;
        background-color: rgba(0,0,0,0.7);
    }
    
    #da-vincis-einsteins-divider {
        position: absolute;
        top: 0px;
        left: 0px;
        margin-bottom: 0px;
    }
    
    #da-vincis-einsteins-text {
        position: relative;
        width: 100%;
        max-width: 1350px;
        margin: 0 auto;
        padding: 0;
        top: 60px;
    }
    
    #da-vincis-einsteins-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    
    /* #3 - #moores-law :: TWO FORCES SHAPING COMPUTING :: PORTRAIT ORIENTATION :: DEKTOP BREAKPOINT >= 1350 */
    
    #moores-law {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        overflow: hidden;
    }
    
    #moores-law .slide-clip {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    #moores-law h1 {
        top: 120px;
        left: 60px;
    }
    
    #moores-law-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        max-width: 700px;
        min-height: auto;
        top: 800px;
        left: calc(50vw - 350px);
        float: left;
        z-index: 50;
        margin: 0 auto;
        padding: 0;
        color: #eee;
    }
    
    #moores-law-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #moores-law-chart {
        position: absolute;
        width: 600px;
        height: 600px;
        margin: 0 auto;
        left: calc(50vw - 300px);
        margin-top: 210px;
    }
    
    #moores-law-chart-svg {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 50;
    }
    
    
    /* #4 - #modern-cg :: NVIDIA DEFINES MODERN COMPUTER GRAPHICS :: PORTRAIT ORIENTATION :: DEKTOP BREAKPOINT >= 1350 */
    
    #modern-cg {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 640px;
        overflow: hidden;
    }
    
    #modern-cg .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 640px;
    }
    
    
    /* #5 - #new-era-vfx :: A NEW ERA FOR VISUAL EFFECTS :: PORTRAIT ORIENTATION :: DEKTOP BREAKPOINT >= 1350 */
    
    #new-era-vfx {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.4);
        background-color: black;
        /*background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-portrait-L.jpg');*/
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100px, transparent 260px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-portrait-desktop.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100px, transparent 260px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-portrait-desktop.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100px, transparent 260px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-portrait-desktop.jpg');
        
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: scroll;
        float: left;
    }
    
    #new-era-vfx .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.4);
    }
    
    #new-era-vfx-h1 {
        width: calc(100vw - 60px);
        top: 120px;
        left: 60px;
        max-width: 500px;
        color: #76b900;
    }
    
    #new-era-vfx .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 60px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #new-era-vfx-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 700px;
        left: 0px;
        top: calc(100vw - 480px);
        background-color: rgba(0,0,0,0.9);
        border: none;
        padding: 0;
        padding-top: 0px;
        /*background: green;*/
    }
    
    #new-era-vfx-text {
        position: relative;
        width: 100%;
        max-width: 80vw;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0 auto;
        padding: 0;
    }
    
    #new-era-vfx-text p {
        padding-left: 60px;
        padding-right: 60px;
        margin-bottom: 30px;
    }
    
    #new-era-vfx-fg-image {
        position: relative;
        width: 100%;
        height: 272px;
        top: calc(100vw - 830px);
        right: auto;
        left: auto;
        bottom: auto;
        float: left;
        background-color: transparent;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-new-era-vfx-portrait-quadro-rtx-8000-D.png');
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0;
        z-index: 55;
    }
    
    
    /* #6 - #rtx-gaming :: RTX RESETS GAMING :: PORTRAIT ORIENTATION :: DEKTOP BREAKPOINT >= 1350 */
    
    #rtx-gaming {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.4);
        background-color: black;
        /*background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-portrait-L.jpg');*/
        
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+20,000000+100&1+0,0+20,0+100 */
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100px, transparent 260px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-portrait-L.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100px, transparent 260px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-portrait-L.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100px, transparent 260px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-portrait-L.jpg');
        
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: scroll;
        float: left;
    }
    
    #rtx-gaming .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.4);
    }
    
    #rtx-gaming h1 {
        width: calc(100vw - 60px);
        top: 120px;
        left: 60px;
        max-width: 640px;
        color: #76b900;
    }
    
    #rtx-gaming .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 60px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #rtx-gaming-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 700px;
        left: -1px;
        top: calc(100vw - 60px);
        background-color: rgba(0,0,0,0.9);
        border: none;
        padding: 0;
        padding-top: 0px;
        /*background: green;*/
    }
    
    #rtx-gaming-text {
        position: relative;
        width: 100%;
        max-width: 80vw;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
    }
    
    #rtx-gaming-text p {
        max-width: none;
        padding-left: 60px;
        padding-right: 60px;
        margin-bottom: 30px;
    }
    
    #rtx-gaming-fg-image {
        position: absolute;
        width: 150px;
        height: 406px;
        top: calc(100vw);
        right: 0px;
        left: auto;
        bottom: 30px;
        margin: 0 auto;
        float: left;
        background-color: transparent;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-portrait-D.png');
        background-position: center top;
        background-repeat: no-repeat;
        margin: 60px;
        z-index: 201;
    }
    
    #rtx-gaming-logos {
        position: relative;
        width: calc(100vw - 305px);
        height: 120px;
        float: left;
        z-index: 200;
        top: 0px;
        left: 25px;
        margin: 0px;
        margin-top: 10px;
        padding: 0px;
    }
    
    #rtx-gaming-logo-microsoft-directx {
        position: relative;
        width: 200px;
        height: 120px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-microsoft-directx-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    #rtx-gaming-logo-unreal-engine {
        position: relative;
        width: 200px;
        height: 120px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unreal-engine-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    #rtx-gaming-logo-unity {
        position: relative;
        width: 200px;
        height: 120px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unity-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    
    /* #7 - #next-era-computing :: NVIDIA IS POWERING THE NEXT ERA OF COMPUTING :: PORTRAIT ORIENTATION :: DEKTOP BREAKPOINT >= 1350 */
    
    #next-era-computing {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.4);
        overflow: hidden;
    }
    
    #next-era-computing .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.4);
    }
    
    /* #8 - #fastest-supercomputers :: POWERING THE WORLD’S FASTEST SUPERCOMPUTERS :: PORTRAIT ORIENTATION :: DEKTOP BREAKPOINT >= 1350 */
    
    #fastest-supercomputers {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.0962962962962963);
        background-color: black;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 180px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-portrait-D.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 180px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-portrait-D.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 180px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-portrait-D.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain;
        background-attachment: scroll;
        float: left;
        overflow: hidden;
    }
    
    #fastest-supercomputers .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.0962962962962963);
    }
    
    #fastest-supercomputers h1 {
        width: calc(100vw - 60px);
        top: 120px;
        left: 60px;
        max-width: 640px;
    }
    
    #fastest-supercomputers .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 60px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #fastest-supercomputers-textcontainer {
        position: relative;
        width: 100%;
        height: 574px;
        min-height: 574px;
        left: 0px;
        top: calc(100vw * 1.0962962962962963 - 666px);
        background-color: rgba(0,0,0,0.95);
        border: none;
        padding: 0;
        padding-top: 0px;
    }
    
    #fastest-supercomputers-text {
        position: relative;
        width: 100%;
        max-width: 1350px;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0 auto;
        padding: 0;
        padding-top: 0px;
        padding-left: 60px;
        padding-right: 60px;
    }
    
    #fastest-supercomputers-text p {
        padding-left: 60px;
        padding-right: 60px;
        margin-bottom: 30px;
    }
    
    #fastest-supercomputers-divider {
        top: calc(100vw - 180px);
    }
    
    .mini-logo-container {
        padding-top: 0px;
        padding-right: 60px;
        padding-left: 60px;
        padding-bottom: 30px;
        /*background-color: blue !important;*/
    }

    .mini-logo-inline {
        position: relative;
        display: inline-block;
        top: 0px;
        left: 0px;
        margin-bottom: 10px !important;
        margin-right: 30px !important;
        /*background-color: green !important;*/
    }

    #fastest-supercomputers-logo-1 {
        width: 130px;
        height: 54px;
    }

    #fastest-supercomputers-logo-2 {
        width: 150px;
        height: 54px;
    }

    #fastest-supercomputers-logo-3 {
        width: 130px;
        height: 54px;
    }

    #fastest-supercomputers-logo-4 {
        width: 106px;
        height: 54px;
        
    }

    #fastest-supercomputers-logo-5 {
        width: 164px;
        height: 54px;
    }
    
    
    /* #9 - #ai-training-tool :: WORLD'S MOST POWERFUL AI TRAINING TOOL :: PORTRAIT ORIENTATION :: DEKTOP BREAKPOINT >= 1350 */
    
    #ai-training-tool {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 150vw;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #ai-training-tool .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 150vw;
    }
    
    #ai-training-tool h1 {
        width: calc(100vw - 120px);
        top: 126px;
        left: 60px;
        max-width: 620px;
    }
    
    #ai-training-tool .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 60px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #ai-training-tool-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 150vw;
        left: 0px;
        top: calc(100vw * 0.5625 + 480px);
        background-color: rgba(0,0,0,0);
        border: none;
        padding: 0;
        padding-top: 0px;
        background-color: black;
    }
    
    #ai-training-tool-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-top: 0px;
    }
    
    #ai-training-tool-text p {
        padding-left: 60px;
        padding-right: 60px;
        margin-bottom: 30px;
    }
    
    #ai-training-tool-divider {
        top: calc(100vw - 180px);
    }
    
    .ai-features {
        position: absolute;
        width: calc(100vw - 60px);
        max-width: none;
        top: calc(100vw * 0.5625 + 325px);
        right: 0px;
        margin: 0;
        margin-right: 30px;
        padding: 0;
        border: none;
        z-index: 100;
        float: right;
        /* background: blue; */
    }
    
    .ai-feature {
        position: relative;
        width: 32.9%;
        max-width: none;
        /* max-width: 237px; */
        min-height: 80px;
        text-align: center;
        margin: 0;
        margin-bottom: 30px;
        padding: 0;
        border: none;
        display: inline-block;
        /* background: green; */
    }
    
    .ai-feature-label {
        position: relative;
        font-size: 24px;
        text-align: center;
        vertical-align: text-top;
        bottom: 0px;
    }
    
    .ai-feature-value {
        position: relative;
        font-size: 36px;
        text-align: center;
        vertical-align: text-top;
        top: 10px;
    }
    
    #ai-training-tool-fg-video {
        position: absolute;
        width: calc(100vw - 120px);
        height: calc(100vw * 0.5625);
        top: 212px;
        left: 180px;
        right: 60px;
        margin: 60px auto;
        background-color: transparent;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/videos/dgx-2-exploded-view-0-U.jpg);
        background-position: center;
        background-size: cover;
    }
    
    
    /* #10 - #ai-inference-hyperscale :: POWERING AI INFERENCE FOR HYPERSCALE :: PORTRAIT ORIENTATION :: DEKTOP BREAKPOINT >= 1350 */
    
    #ai-inference-hyperscale {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.0962962962962963);
        background-color: black;
        /*background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-portrait-D.jpg');*/
        
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+20,000000+100&1+0,0+20,0+100 */
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 180px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-portrait-D.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 180px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-portrait-D.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 180px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-portrait-D.jpg');
        
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain;
        background-attachment: scroll;
        float: left;
        overflow: hidden;
    }
    
    #ai-inference-hyperscale .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.0962962962962963);
    }
    
    #ai-inference-hyperscale h1 {
        width: calc(100vw - 60px);
        top: 120px;
        left: 60px;
        max-width: 640px;
    }
    
    #ai-inference-hyperscale .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 60px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #ai-inference-hyperscale-textcontainer {
        position: relative;
        width: 100%;
        height: 574px;
        min-height: 574px;
        left: 0px;
        top: calc(100vw * 1.0962962962962963 - 666px);
        background-color: rgba(0,0,0,0.9);
        border: none;
        padding: 0;
        padding-top: 0px;
    }
    
    #ai-inference-hyperscale-text {
        position: relative;
        width: 100%;
        max-width: 1350px;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0 auto;
        padding: 0;
        padding-top: 60px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #ai-inference-hyperscale-text p {
        padding-left: 60px;
        padding-right: 60px;
        margin-bottom: 30px;
    }
    
    #ai-inference-hyperscale-divider {
        top: calc(100vw - 180px);
    }
    
    
    /* #11 - #autonomous-revolution :: AUTONOMOUS MACHINES ARE REVOLUTIONIZING INDUSTRIES :: PORTRAIT ORIENTATION :: DEKTOP BREAKPOINT >= 1350 */
    
    #autonomous-revolution {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 150vw;
        overflow: hidden;
    }
    
    #autonomous-revolution .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 150vw;
    }
    
    
    /* #12 - #drive-autonomous-vehicles :: NVIDIA DRIVE FOR AUTONOMOUS VEHICLES :: PORTRAIT ORIENTATION :: DEKTOP BREAKPOINT >= 1350 */
    
    #drive-autonomous-vehicles {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 150vw;
        overflow: hidden;
    }
    
    #drive-autonomous-vehicles .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 150vw;
    }
    
    #drive-autonomous-vehicles-text {
        width: 570px;
    }
    
    
    /* #13 - #nvidia-culture :: NVIDIA CULTURE :: PORTRAIT ORIENTATION :: DEKTOP BREAKPOINT >= 1350 */
    
    #nvidia-culture {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 960px;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }
    
    #nvidia-culture .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 960px;
    }
    
    
    /* #14 - #jetson-nano-family :: JETSON AGX AND ISAAC DELIVER AI TO ROBOTICS AND IOT INDUSTRY :: PORTRAIT ORIENTATION :: DEKTOP BREAKPOINT >= 1350 */
    
    #jetson-nano-family {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.0962962962962963);
        background-color: black;
        /*background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-portrait-D.jpg');*/
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 180px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-portrait-D.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 180px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-portrait-D.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 180px, transparent 285px, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-portrait-D.jpg');
        background-repeat: no-repeat;
        background-position: center -300px;
        background-size: contain;
        background-attachment: scroll;
        float: left;
    }
    
    #jetson-nano-family .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.0962962962962963);
    }
    
    #jetson-nano-family h1 {
        width: calc(100vw - 60px);
        top: 120px;
        left: 60px;
        max-width: 640px;
    }
    
    #jetson-nano-family .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 60px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #jetson-nano-family-textcontainer {
        position: relative;
        width: 100%;
        height: 574px;
        min-height: 574px;
        left: 0px;
        top: calc(100vw * 1.0962962962962963 - 666px);
        background-color: rgba(0,0,0,0.9);
        border: none;
        padding: 0;
        padding-top: 0px;
    }
    
    #jetson-nano-family-text {
        position: relative;
        width: 100%;
        max-width: 1350px;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0 auto;
        padding: 0;
        padding-top: 60px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #jetson-nano-family-text p {
        padding-left: 60px;
        padding-right: 60px;
        margin-bottom: 30px;
    }
    
    #jetson-nano-family-divider {
        top: calc(100vw - 180px);
    }
    
    
    /* #15 - #nvidia-summary :: NVIDIA SUMMARY :: PORTRAIT ORIENTATION :: DEKTOP BREAKPOINT >= 1350 */
    
    #nvidia-summary {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
        background: #ccc url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-nvidia-summary-portrait-L.jpg);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: cover;
        background-attachment: scroll;
        float: left;
        z-index: 150;
        overflow: hidden;
    }
    
    #nvidia-summary .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 1.777777777777778);
    }
    
    #nvidia-summary-textcontainer {
        position: absolute;
        width: 100vw;
        height: 100vh;
        /* height: calc(var(--vh)); */
        min-height: 768px;
        top: 0px;
        left: 0px;
        bottom: 0px;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-color: #eee;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/isometric-graphics-motif.png);
        background-position: center;
        background-repeat: repeat;
        background-attachment: scroll;
        clip-path: polygon(100% 40px, 100% 0, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(100% 40px, 100% 0, 100% 100%, 0% 100%);
        float: left;
    }
    
    #nvidia-summary-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 768px;
        margin: 0;
        padding: 0;
        top: 0px;
        left: 0px;
        shape-outside: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        shape-margin: 30px;
        clip-path: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        -webkit-clip-path: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        background-color: transparent;
        /*background-color: red;*/
        /*opacity: 0.5;*/
    }
    
    #nvidia-summary-logo {
        position: absolute;
        width: 40vw;
        height: 40px;
        bottom: calc(var(--vh) * 0.5 + 10px);
        right: 30px;
        background: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-black.svg) no-repeat;
        background-size: contain;
        background-position: center;
        float: left;
        display: block;
    }
    
    #nvidia-summary-quotes {
        position: absolute;
        width: 50vw;
        height: calc(var(--vh) * 0.4);
        bottom: 30px;
        right: 15px;
        margin: 0;
        padding: 0;
        float: right;
        /* background: blue; */
    }
    
    #nvidia-summary-quote1 {
        width: calc(50% - 30px);
        height: 100px;
        margin-right: 30px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote2 {
        width: 50%;
        height: 100px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote3 {
        width: calc(50% - 30px);
        height: 100px;
        margin-right: 30px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote4 {
        width: 50%;
        height: 100px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote5 {
        width: calc(50% - 30px);
        height: 100px;
        margin-right: 30px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote6 {
        width: 50%;
        height: 100px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote1 .nvidia-summary-quotation {
        width: 200px;
    }
    
    .nvidia-summary-quotation {
        font-family: NVIDIA;
        font-size: 18px;
        line-height: 18px;
        font-weight: 600;
        /*display: inline-block;*/
        color: #000;
        width: 190px;
    }
    
    .nv-quotation-mark {
        font-family: NVIDIA;
        font-size: 24px !important;
        line-height: 1em;
        display: inline-block;
        color: #76b900 !important;
        vertical-align: text-top;
        font-weight: 600;
     }
    
    .nvidia-summary-attribution {
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1em;
        display: block;
        color: #76b900;
        margin-left: 0px;
        font-weight: 600;
    }
     
    #nvidia-summary-footer {
        position: absolute;
        right: 30px;
        bottom: 30px;
        font-family: NVIDIA;
        font-size: 14px;
        line-height: 1em;
        display: inline-block;
        color: #000;
    }
    
}




/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* BROCHURE: LANDSCAPE ORIENTATION                                                                                                                                         */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



/* -----------------------------------------------------------------------------*/

/* BROCHURE: LANDSCAPE ORIENTATION :: ALL BREAKPOINTS                           */

/* -----------------------------------------------------------------------------*/

@media all and (orientation: landscape) {
    
    /*.fixed-header {
        background-color: #1B5E20;
    }*/
    
    /* #1 - #nvidia-intro :: NVIDIA INTRO WALK-IN ANIMATION :: LANDSCAPE ORIENTATION :: ALL BREAKPOINTS */
    
    #nvidia-intro {
        width: 100vw;
        height: 100vh;
        min-height: calc(var(--vh));
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-01-landscape.jpg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        float: left;
    }
    
    
    
}




/* -----------------------------------------------------------------------------*/
/* BROCHURE: LANDSCAPE ORIENTATION :: MOBILE BREAKPOINT 320-767                 */
/* -----------------------------------------------------------------------------*/

@media all and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
    
    h1 {
        font-family: NVIDIA;
        font-size: 18px;
        line-height: 1em;
        font-weight: 400;
    }
    
    .brochure-headline {
        top: 90px;
        left: 10px;
        max-width: 280px;
    }
    
    .intro-copy {
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
        text-transform: none;
        color: #eee;
        text-align: left;
    }
    
    .fixed-header.collapsed {
        top: -40px;
        transition: top .5s;
    }
    
    .brochure-headline.fixed.collapsed {
        margin-top: -40px;
    }
    
    .brochure-container.collapsed {
        top: 0px;
        margin-top: 0px;
    }
    
    .nvidia-logo-dark-theme.collapsed {
        margin-top: 40px;
    }
    
    
    /* #1 - #nvidia-intro :: NVIDIA INTRO WALK-IN ANIMATION :: LANDSCAPE ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #nvidia-intro {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 660px;
    }
    
    #nvidia-intro .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 660px;
    }
    
    .nvidia-intro-textcontainer {
        position: fixed;
        width: 100%;
        max-width: 170px;
        height: auto;
        float: left;
        z-index: 999;
        padding: 10px;
        padding-top: 0px;
        margin-top: 10px;
        user-select: none;
        pointer-events: none;
    }
    
    .brochure-text-module {
        position: absolute;
        width: 210px;
        height: calc(var(--vh));
        bottom: 0px;
        left: 0px;
        background: rgba(0,0,0,0.9);
    }
    
    
    /* #2-V2 - #da-vincis-einsteins :: LANDSCAPE ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #da-vincis-einsteins {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 660px;
        top: 0px;
        left: 0px;
        background-color: black;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 12vw, transparent 30vw, transparent 95vw, rgba(0,0,0,1) 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-landscape-P.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 12vw, transparent 30vw, transparent 95vw, rgba(0,0,0,1) 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-landscape-P.jpg');
        background: linear-gradient(170deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 12vw, transparent 30vw, transparent 95vw, rgba(0,0,0,1) 100vw), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-landscape-P.jpg');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100vw;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #da-vincis-einsteins .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 660px;
    }
    
    #da-vincis-einsteins-textcontainer {
        position: relative;
        width: 100vw;
        height: 600px;
        top: calc(100vw * 0.5625);
        left: 0px;
        background-color: rgba(0,0,0,0);
        border: none;
        padding: 0;
    }
    
    #da-vincis-einsteins-text {
        position: relative;
        width: 100vw;
        top: 0px;
        left: 0px;
        margin: 0px auto;
        padding: 0;
        padding-top: 10px;
        text-align: left;
        z-index: 50;
        /*background-color: rgba(0,0,0,0.8);*/
    }
    
    #da-vincis-einsteins-text p {
        max-width: none;
        padding-right: 10px;
        padding-left: 10px;
        margin-top: 10px;
        margin-bottom: 15px;
    }
    
    
    /* #3 - #moores-law :: TWO FORCES SHAPING COMPUTING :: LANDSCAPE ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #moores-law {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 440px;
        overflow: hidden;
    }
    
    #moores-law .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 440px;
    }
    
    #moores-law h1 {
        width: calc(100vw - 20px);
        max-width: 280px;
        /*max-width: none;*/
        top: 50px;
        left: 10px;
    }
    
    #moores-law-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        top: 0px;
        left: 0px;
        padding: 0;
        padding-top: 106px;
    }
    
    #moores-law-text {
        position: relative;
        width: 50vw;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
    }
    
    #moores-law-text p {
        font-size: 14px; 
        padding-right: 10px;
        padding-left: 10px;
        margin-bottom: 10px;
    }
    
    #moores-law-chart {
        position: absolute;
        width: calc(50vw - 20px);
        margin: 0;
        top: 50px;
        right: 10px;
        left: auto;
    }
    
    #moores-law-chart-svg {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 50;
    }
    
    
    /* #4 - #modern-cg :: NVIDIA DEFINES MODERN COMPUTER GRAPHICS :: LANDSCAPE ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #modern-cg {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 360px;
        top: 0px;
        left: 0px;
    }
    
    #modern-cg .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 360px;
    }
    
    #modern-cg-background {
        min-height: 360px;
    }
    
    
    /* #5 - #new-era-vfx :: A NEW ERA FOR VISUAL EFFECTS :: LANDSCAPE ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #new-era-vfx {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 630px;
        background-color: black;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 80px, transparent 30vw, transparent 90vw, rgba(0,0,0,1) 167vw), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-landscape-phone.jpg);
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 80px, transparent 30vw, transparent 90vw, rgba(0,0,0,1) 167vw), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-landscape-phone.jpg);
        background: linear-gradient(158deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 70px, transparent 250px, transparent 90vw, rgba(0,0,0,1) 167vw), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-landscape-phone.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain;
        background-attachment: scroll;
        float: left;
    }
    
    #new-era-vfx .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 630px;
    }
    
    #new-era-vfx h1 {
        position: absolute;
        width: calc(100vw - 20px);
        max-width: 180px;
        font-size: 18px;
        top: 50px;
        left: 0px;
        color: #76b900;
        z-index: 100;
        padding-right: 10px;
        padding-left: 10px;
    }
    
    #new-era-vfx-textcontainer {
        position: relative;
        width: 100vw;
        height: auto;
        top: 0px;
        left: 0px;
        background-color: rgba(0,0,0,0);
        border: none;
        padding: 0;
        padding-top: calc(100vw * 0.5625);
    }
    
    #new-era-vfx-text {
        position: relative;
        width: 100vw;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding-top: 30px;
        padding-bottom: 30px;
        background-color: rgba(0,0,0,0.8);
    }
    
    #new-era-vfx-text p {
        max-width: none;
        padding-right: 10px;
        padding-left: 10px;
        margin-bottom: 30px;
    }
    
    #new-era-vfx-fg-image {
        position: absolute;
        width: 148px;
        height: 246px;
        background-color: transparent;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-new-era-vfx-landscape-quadro-rtx-8000-corner-P.png');
        top: calc(100vw * 0.5625 - 246px);
        right: 0px;
        bottom: auto;
        left: auto;
    }
    
    
    /* #6 - #rtx-gaming :: A NEW ERA FOR VISUAL EFFECTS :: LANDSCAPE ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #rtx-gaming {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 960px;
        top: 0px;
        left: 0px;
        background-color: black;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 15vw, rgba(0,0,0,0) 35vw, transparent 80%, rgba(0,0,0,1) 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-landscape-P.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 15vw, rgba(0,0,0,0) 35vw, transparent 80%, rgba(0,0,0,1) 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-landscape-P.jpg');
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 15vw, rgba(0,0,0,0) 35vw, transparent 80%, rgba(0,0,0,1) 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-landscape-P.jpg');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 200vw;
        background-attachment: scroll;
    }
    
    #rtx-gaming .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 960px;
    }
    
    
    #rtx-gaming-h1 {
        position: absolute;
        width: calc(100vw - 20px);
        max-width: 180px;
        top: 50px;
        left: 10px;
        color: #76b900;
        z-index: 100;
    }
    
    #rtx-gaming-textcontainer {
        position: relative;
        width: 100vw;
        height: auto;
        top: 0px;
        left: -1px;
        background-color: rgba(0,0,0,0);
        border: none;
        padding: 0;
        padding-top: calc(var(--vh));
    }
    
    #rtx-gaming-text {
        position: relative;
        width: 100vw;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding-top: 15px;
        padding-bottom: 240px;
        background-color: rgba(0,0,0,0.8);
    }
    
    #rtx-gaming-text p {
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 15px;
        max-width: none;
    }
    
    #rtx-gaming-fg-image {
        position: absolute;
        width: 318px;
        height: 299px;
        background-color: transparent;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-landscape-P.png');
        background-size: contain;
        top: calc(var(--vh) - 298px);
        right: 0px;
        bottom: auto;
        left: auto;
    }
    
    #rtx-gaming-logos {
        position: relative;
        margin-top: 10px;
        width: 100vw;
        height: 100px;
        float: left;
        z-index: 200;
        top: 0px;
        left: 0px;
    }
    
    #rtx-gaming-logo-microsoft-directx {
        position: relative;
        width: 30%;
        height: 80px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-microsoft-directx-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    #rtx-gaming-logo-unreal-engine {
        position: relative;
        width: 30%;
        height: 80px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unreal-engine-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    #rtx-gaming-logo-unity {
        position: relative;
        width: 30%;
        height: 80px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unity-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    
    /* #7 - #next-era-computing :: NVIDIA IS POWERING THE NEXT ERA OF COMPUTING :: LANDSCAPE ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #next-era-computing {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
        top: 0px;
        left: 0px;
    }
    
    #next-era-computing .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 500px;
    }
    
    #next-era-computing-textcontainer {
        position: relative;
        width: 100vw;
        max-width: calc(100% - 60px);
        top: 80px;
        left: 0px;
        margin: 0 auto;
        padding-top: calc(50vh - 290px);
    }
    
    
    
    /* #8 - #fastest-supercomputers :: POWERING THE WORLD’S FASTEST SUPERCOMPUTERS :: LANDSCAPE ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #fastest-supercomputers {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 665px;
        top: 0px;
        left: 0px;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100px, rgba(0,0,0,0) 200px, transparent 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-landscape-P.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100px, rgba(0,0,0,0) 200px, transparent 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-landscape-P.jpg');
        background: linear-gradient(174deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60px, rgba(0,0,0,0) 160px, transparent 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-landscape-P.jpg');        
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #fastest-supercomputers .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 790px;
    }
    
    #fastest-supercomputers h1 {
        position: absolute;
        width: calc(100vw - 20px);
        max-width: 280px;
        font-size: 18px;
        top: 50px;
        left: 10px;
        color: #76b900;
        z-index: 100;
    }
    
    #fastest-supercomputers-textcontainer {
        position: relative;
        width: 100vw;
        height: auto;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        padding: 0;
        padding-top: calc(100vw * 0.5625 - 30px);
    }
    
    #fastest-supercomputers-text {
        position: relative;
        width: 100vw;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 10px;
        background-color: rgba(0,0,0,0.9);
    }
    
    #fastest-supercomputers-text p {
        padding-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 0px;
        max-width: none;
    }
    
    #fastest-supercomputers-text-p1 {
        padding-top: 10px;
    }
    
    .mini-logo-container {
        padding: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0px;
    }

    .mini-logo-inline {
        margin-right: 25px;
    }
    
    
    /* #9 - #ai-training-tool :: WORLD'S MOST POWERFUL AI TRAINING TOOL :: LANDSCAPE ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #ai-training-tool {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 790px;
        overflow: hidden;
    }
    
    #ai-training-tool .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 790px;
    }
    
    #ai-training-tool h1 {
        position: relative;
        width: calc(100vw - 20px);
        max-width: 240px;
        top: 50px;
        left: 10px;
        z-index: 2;
    }
    
    #ai-training-tool .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 15px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #ai-training-tool-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 700px;
        left: 0px;
        top: calc(100vw * 0.5625 + 186px);
        background-color: rgba(0,0,0,0);
        border: none;
        padding: 0;
        padding-top: 0px;
        background-color: black;
    }
    
    #ai-training-tool-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-top: 0px;
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
    }
    
    #ai-training-tool-text p {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 15px;
    }
    
    #ai-training-tool-divider {
        top: calc(100vw - 180px);
    }
    
    .ai-features {
        position: absolute;
        width: calc(100vw - 10px);
        max-width: none;
        top: calc(100vw * 0.5625 + 60px);
        right: auto;
        left: -5px;
        margin: 0;
        padding: 0;
        border: none;
        z-index: 100;
        float: right;
        text-align: center;
        /* background: blue; */
    }
    
    .ai-feature {
        position: relative;
        width: 32%;
        max-width: none;
        /* max-width: 237px; */
        min-height: 80px;
        text-align: center;
        margin: 0;
        margin-bottom: 0px;
        padding: 0;
        border: none;
        display: inline-block;
        /* background: green; */
    }
    
    .ai-feature-label {
        position: relative;
        font-size: 14px;
        text-align: center;
        vertical-align: text-top;
        bottom: 0px;
    }
    
    .ai-feature-value {
        position: relative;
        font-size: 18px;
        text-align: center;
        vertical-align: text-top;
        top: 10px;
    }
    
    #ai-training-tool-fg-video {
        position: absolute;
        width: calc(100vw - 20px);
        height: calc(100vw * 0.5625);
        top: 50px;
        left: 30px;
        right: 10px;
        margin: 0px auto;
        z-index: 1;
        background-color: transparent;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/videos/dgx-2-exploded-view-0-PT.jpg);
        background-position: center;
        background-size: cover;
    }
    
    
    /* #10 - #ai-inference-hyperscale :: POWERING AI INFERENCE FOR HYPERSCALE :: LANDSCAPE ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #ai-inference-hyperscale {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 630px;
        top: 0px;
        left: 0px;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 110px, rgba(0,0,0,0) 300px, transparent 100%), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-landscape-P.jpg);
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 110px, rgba(0,0,0,0) 300px, transparent 100%), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-landscape-P.jpg);
        background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 110px, rgba(0,0,0,0) 300px, transparent 100%), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-landscape-P.jpg);
        background-repeat: no-repeat;
        background-position: center -100px;
        background-size: cover;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #ai-inference-hyperscale .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 630px;
    }
    
    #ai-inference-hyperscale h1 {
        position: relative;
        width: calc(100vw - 20px);
        max-width: 240px;
        top: 50px;
        left: 10px;
    }
    
    #ai-inference-hyperscale .green-divider {
        position: relative;
        width: 100vw;
        height: 4px;
        background-color: #76b900;
        margin: 0;
        padding: 0;
        margin-bottom: 15px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #ai-inference-hyperscale-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 700px;
        top: calc(100vw * 0.5625);
        left: 0px;
        background-color: rgba(0,0,0,0);
        border: none;
        padding: 0;
        padding-top: 0px;
        background-color: black;
    }
    
    #ai-inference-hyperscale-text {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        z-index: 50;
        margin: 0;
        padding: 0;
        padding-top: 10px;
        font-family: NVIDIA;
        font-size: 16px;
        line-height: 1.5em;
    }
    
    #ai-inference-hyperscale-text p {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 15px;
    }
    
    #ai-inference-hyperscale-divider {
        top: calc(100vw - 180px);
    }
    
    
    /* #11 - #autonomous-revolution :: AUTONOMOUS MACHINES ARE REVOLUTIONIZING INDUSTRIES ::  LANDSCAPE ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #autonomous-revolution {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 414px;
        top: 0px;
        left: 0px;
    }
    
    #autonomous-revolution .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 414px;
    }
    
    #autonomous-revolution-h1 {
        max-width: 290px;
    }
    
    #autonomous-revolution-textcontainer {
        position: relative;
        width: 100vw;
        max-width: calc(100% - 60px);
        top: 80px;
        left: 0px;
        margin: 0 auto;
        padding-top: calc(50vh - 290px);
    }
    
    #autonomous-revolution-background {
        min-height: 414px;
    }
    
    /* #12 - #drive-autonomous-vehicles :: NVIDIA DRIVE FOR AUTONOMOUS VEHICLES :: LANDSCAPE ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #drive-autonomous-vehicles {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 770px;
        top: 0px;
        left: 0px;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 80px, rgba(0,0,0,0) 150px, transparent 100%), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-P.jpg);
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 80px, rgba(0,0,0,0) 150px, transparent 100%), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-P.jpg);
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 80px, rgba(0,0,0,0) 120px, transparent 100%), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-P.jpg);
        background-repeat: no-repeat;
        background-position: center 50px;
        background-size: contain;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #drive-autonomous-vehicles .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 770px;
    }
    
    #drive-autonomous-vehicles h1 {
        position: relative;
        width: 100%;
        max-width: 240px;
        height: auto;
        top: 50px;
        left: 10px;
        color: #76b900;
        z-index: 100;
        padding: 0;
        float: left;
        /* background: brown; */
    }
    
    #drive-autonomous-vehicles-textcontainer {
        position: relative;
        width: 100vw;
        height: auto;
        top: calc(100vw * 0.5625 - 10px);
        left: 0px;
        margin: 0;
        margin-top: 0px;
        padding: 0;
        padding-top: 15px;
        padding-bottom: 10px;
        float: left;
        background-color: rgba(0,0,0,0.8);
        /* background: darkgoldenrod; */
    }
    
    
    /* #13 - #nvidia-culture :: NVIDIA CULTURE :: LANDSCAPE ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #nvidia-culture {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }
    
    #nvidia-culture .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
    }
    
    
    /* #14 - #jetson-nano-family :: JETSON AGX AND ISAAC DELIVER AI TO ROBOTICS AND IOT INDUSTRY :: LANDSCAPE ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #jetson-nano-family {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 580px;
        top: 0px;
        left: 0px;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10vw, transparent 30vw), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-landscape-P.jpg);
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10vw, transparent 30vw), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-landscape-P.jpg);
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10vw, transparent 30vw), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-landscape-P.jpg);
        background-repeat: no-repeat;
        background-position: center -10px;
        background-size: 100vw;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #jetson-nano-family .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 580px;
    }
    
    #jetson-nano-family h1 {
        position: relative;
        width: 100%;
        max-width: 240px;
        height: auto;
        top: 50px;
        left: 10px;
        color: #76b900;
        z-index: 100;
        padding: 0;
        padding-bottom: 0px;
        float: left;
        /* background: brown; */
    }
    
    #jetson-nano-family-textcontainer {
        position: relative;
        width: 100vw;
        height: auto;
        top: calc(100vw * 0.5625 - 70px);
        left: 0px;
        margin: 0;
        margin-top: 0px;
        padding: 0;
        padding-top: 0px;
        padding-bottom: 10px;
        float: left;
        background-color: rgba(0,0,0,0.7);
        border: none;
    }
    
    #jetson-nano-family-text {
        height: auto;
    }
    
    
    /* #15 - #nvidia-summary :: NVIDIA SUMMARY :: LANDSCAPE ORIENTATION :: MOBILE BREAKPOINT 320-767 */
    
    #nvidia-summary {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625 + 360px); /*820px; 560px;*/
        background: #ccc url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-nvidia-summary-landscape-P.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100vw;
        background-attachment: scroll;
        float: left;
        z-index: 150;
        overflow: hidden;
    }
    
    #nvidia-summary .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height:calc(100vw * 0.5625 + 360px); /*820px; 560px;*/
    }
    
    #nvidia-summary-textcontainer {
        position: absolute;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625 + 360px);
        top: calc(100vw * 0.5625);
        left: 0px;
        bottom: 0px;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-color: #eee;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/isometric-graphics-motif.png);
        background-position: top center;
        background-repeat: repeat;
        background-attachment: scroll;
        clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
        float: left;
    }
    
    #nvidia-summary-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 768px;
        margin: 0;
        padding: 0;
        top: 0px;
        left: 0px;
        shape-outside: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        shape-margin: 30px;
        clip-path: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        -webkit-clip-path: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        background-color: transparent;
        /*background-color: red;*/
        /*opacity: 0.5;*/
    }
    
    #nvidia-summary-logo {
        position: absolute;
        width: calc(100% - 20px);
        height: 24px;
        top: calc(100vw * 0.5625 + 30px);
        left: auto;
        right: auto;
        bottom: auto;
        background: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-black.svg) no-repeat;
        background-size: contain;
        background-position: center;
        float: left;
        display: none;
    }
    
    #nvidia-summary-quotes {
        position: absolute;
        width: 310px;
        height: auto;
        top: calc(100vw * 0.5625 + 30px);
        bottom: auto;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        padding: 0;
        float: right;
        /*background: blue;*/
    }
    
    #nvidia-summary-quote1 {
        width: 164px;
        height: 80px;
        margin-right: 0px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote2 {
        width: 140px;
        height: 80px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote3 {
        width: 164px;
        height: 80px;
        margin-right: 0px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote4 {
        width: 140px;
        height: 80px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote5 {
        width: 164px;
        height: 80px;
        margin-right: 0px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote6 {
        width: 140px;
        height: 80px;
        float: right;
        display: inline-block;
    }
    
    .nvidia-summary-quotation {
        font-family: NVIDIA;
        font-size: 14px;
        line-height: 1em;
        font-weight: 600;
        /*display: inline-block;*/
        color: #000;
        width: 150px;
    }
    
    .nv-quotation-mark {
        font-family: NVIDIA;
        font-size: 24px !important;
        line-height: 1em;
        display: inline-block;
        color: #76b900 !important;
        vertical-align: text-top;
        font-weight: 600;
     }
    
    .nvidia-summary-attribution {
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1em;
        display: block;
        color: #76b900;
        margin-left: 0px;
        font-weight: 600;
    }
     
    #nvidia-summary-footer {
        position: absolute;
        right: 10px;
        left: 10px;
        width: calc(100vw - 20px);
        bottom: 10px;
        margin: 0 auto;
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1.5em;
        display: inline-block;
        color: #000;
        text-align: center;
    }
    
}




/* -----------------------------------------------------------------------------*/
/* BROCHURE: LANDSCAPE ORIENTATION :: TABLET BREAKPOINT 768-1024                */
/* -----------------------------------------------------------------------------*/

@media all and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    h1 {
        font-size: 36px;
        line-height: 1em;
        font-weight: 500;
    }
    
    .brochure-headline {
        width: 100vw;
        top: 110px;
        left: 30px;
        max-width: 500px;
    }
    
    .intro-copy {
        font-family: NVIDIA;
        font-size: 18px;
        line-height: 1.5em;
        text-transform: none;
        color: #eee;
        text-align: left;
    }
    
    /*.intro-copy p {
        padding-left: 30px;
        padding-right: 30px;
    }*/
    
    .fixed-header.collapsed {
        top: -40px;
        transition: top .5s;
    }
    
    .brochure-headline.fixed.collapsed {
        margin-top: -40px;
    }
    
    .brochure-container.collapsed {
        top: 0px;
        margin-top: 0px;
    }
    
    .nvidia-logo-dark-theme.collapsed {
        margin-top: 40px;
    }
    
    
    /* #1 - #nvidia-intro :: NVIDIA INTRO WALK-IN ANIMATION :: LANDSCAPE ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #nvidia-intro {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 375px;
        overflow: hidden;
    }
    
    #nvidia-intro .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 375px;
    }
    
    
    .nvidia-intro-textcontainer {
        position: fixed;
        width: 100%;
        max-width: 810px;
        height: auto;
        float: left;
        z-index: 999;
        margin-top: 0px;
        padding: 30px;
        user-select: none;
        pointer-events: none;
        transition: none;
    }
    
    .brochure-text-module {
        position: absolute;
        width: 355px;
        height: 500px;
        bottom: 0px;
        left: 0px;
        background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.9) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.9) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.9) 100%);
    }
    
    
    /* #2-V2 - #da-vincis-einsteins :: SUPERCHARGED COMPUTING FOR THE DA VINCIS AND EINSTEINS OF OUR TIME :: LANDSCAPE ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #da-vincis-einsteins {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 740px;
        top: 0px;
        left: 0px;
        background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-landscape-T.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
    }
    
    #da-vincis-einsteins .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 740px;
    }
    
    #da-vincis-einsteins-textcontainer {
        position: relative;
        width: 600px;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 740px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .da-vincis-einsteins-textshape {
        position: relative;
        float: right;
        width: 100vw;
        /*height: 100vh; */
        /*height: calc(var(--vh)); */
        min-height: 570px;
        padding: 0;
        margin: 0;
        top: 0px;
        left: 0px;
        shape-outside: polygon(600px 0, 100% 0, 100% 100%, 250px 100%);
        clip-path: polygon(600px 0, 100% 0, 100% 100%, 270px 100%);
        -webkit-clip-path: polygon(600px 0, 100% 0, 100% 100%, 270px 100%);
        background-color: transparent;
        /*background-color: red; */
        opacity: 0.5;
    }
    
    #da-vincis-einsteins-text {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 700px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #da-vincis-einsteins-text-p1 {
        padding-top: 198px;
    }
    
    
    /* #3 - #moores-law :: TWO FORCES SHAPING COMPUTING :: LANDSCAPE ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #moores-law {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        overflow: hidden;
    }
    
    #moores-law .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    #moores-law h1 {
        top: 70px;
    }
    
    #moores-law-text-p1 {
        padding-top: 160px;
    }
    
    #moores-law-chart {
        position: absolute;
        width: calc(50vw - 60px);
        height: calc(50vw - 60px);
        margin: 0;
        right: 30px;
        top: 60px;
    }

    #moores-law-chart-svg {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 50;
    }
    
    #moores-law-text {
        position: relative;
        width: 50vw;
        min-width: 400px;
        max-width: 500px;
        height: auto;
        /*height: 100vh;
        height: calc(var(--vh));*/
        min-height: 400px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #moores-law-text p {
        padding-right: 30px;
        padding-left: 30px;
        padding-bottom: 15px;
    }
    
    #moores-law-textcontainer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 400px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        margin: 0 auto;
        padding: 0;
    }
    
    
    /* #4 - #modern-cg :: NVIDIA DEFINES MODERN COMPUTER GRAPHICS :: LANDSCAPE ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #modern-cg {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 660px;
        overflow: hidden;
    }
    
    #modern-cg .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 660px;
    }
    
    
    /* #5 - #new-era-vfx :: A NEW ERA FOR VISUAL EFFECTS :: LANDSCAPE ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #new-era-vfx {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
        top: 0px;
        left: 0px;
        background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-landscape-tablet.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #new-era-vfx .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
    }
    
    #new-era-vfx-h1 {
        position: absolute;
        width: calc(100vw - 60px);
        max-width: 380px;
        left: 30px;
        top: 70px;
        color: #76b900;
        z-index: 100;
    }
    
    #new-era-vfx-textcontainer {
        position: relative;
        width: 640px;
        height: 1110px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .new-era-vfx-textshape {
        position: relative;
        float: right;
        width: 100vw;
        /* height: 100vh; */
        /* height: calc(var(--vh)); */
        min-height: 440px;
        padding: 0;
        margin: 0;
        top: 0px;
        left: 0px;
        shape-outside: polygon(600px 0, 100% 0, 100% 100%, 345px 100%);
        clip-path: polygon(600px 0, 100% 0, 100% 100%, 345px 100%);
        -webkit-clip-path: polygon(600px 0, 100% 0, 100% 100%, 345px 100%);
        background-color: transparent;
        /*background-color: red;*/
        opacity: 0.5;
    }
    
    #new-era-vfx-text {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 440px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #new-era-vfx-text p {
        padding-right: 30px;
        padding-left: 30px;
        padding-bottom: 15px;
    }
    
    #new-era-vfx-text-p1 {
        padding-top: 164px;
    }
    
    #new-era-vfx-fg-image {
        position: absolute;
        width: 271px;
        height: 439px;
        top: auto;
        right: 0px;
        bottom: 0px;
        left: auto;
        float: right;
        background-color: transparent;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-new-era-vfx-landscape-quadro-rtx-8000-corner-L.png);
        background-repeat: no-repeat;
        background-size: 271px;
        background-position: right bottom;
    }
    
    
    /* #6 - #rtx-gaming :: RTX RESETS GAMING :: LANDSCAPE ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #rtx-gaming {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 70vw;
        top: 0px;
        left: 0px;
        background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-landscape-T.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #rtx-gaming .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 70vw;
    }
    
    #rtx-gaming-h1 {
        position: absolute;
        width: calc(100vw - 60px);
        max-width: 500px;
        left: 30px;
        top: 70px;
        color: #76b900;
        z-index: 100;
        /* background-color: green; */
    }
    
    #rtx-gaming-textcontainer {
        position: relative;
        width: 640px;
        height: 1109px;
        top: 0px;
        left: -1px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
        float: left;
    }
    
    .rtx-gaming-textshape {
        position: relative;
        float: right;
        width: 100vw;
        min-height: 570px;
        padding: 0;
        margin: 0;
        top: 0px;
        left: 0px;
        shape-outside: polygon(600px 0, 100% 0, 100% 100%, 250px 100%);
        clip-path: polygon(600px 0, 100% 0, 100% 100%, 270px 100%);
        -webkit-clip-path: polygon(600px 0, 100% 0, 100% 100%, 270px 100%);
        background-color: transparent;
        /*background-color: red; */
        opacity: 0.5;
    }
    
    #rtx-gaming-text {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 700px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #rtx-gaming-text p {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 15px;
        max-width: none;
    }
    
    #rtx-gaming-text-p1 {
        padding-top: 120px;
    }
    
    #rtx-gaming-fg-image {
        position: absolute;
        width: 318px;
        height: 299px;
        top: auto;
        right: 0px;
        bottom: 0px;
        left: auto;
        float: right;
        background-color: transparent;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-landscape-P.png');
    }
    
    #rtx-gaming-logos {
        position: relative;
        margin-top: 10px;
        width: 35vw;
        height: 100px;
        float: left;
        z-index: 200;
        top: -130px;
        left: 10px;
    }
    
    #rtx-gaming-logo-microsoft-directx {
        position: relative;
        width: 30%;
        height: 80px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-microsoft-directx-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    #rtx-gaming-logo-unreal-engine {
        position: relative;
        width: 30%;
        height: 80px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unreal-engine-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    #rtx-gaming-logo-unity {
        position: relative;
        width: 30%;
        height: 80px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unity-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    
    /* #7 - #next-era-computing :: NVIDIA IS POWERING THE NEXT ERA OF COMPUTING :: LANDSCAPE ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #next-era-computing {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 920px;
        overflow: hidden;
    }
    
    #next-era-computing .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 920px;
    }
    
    
    /* #8 - #fastest-supercomputers :: POWERING THE WORLD’S FASTEST SUPERCOMPUTERS :: LANDSCAPE ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #fastest-supercomputers {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 665px;
        top: 0px;
        left: 0px;
        background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-landscape-L.jpg');
        background-position: right top;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #fastest-supercomputers .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 665px;
    }
    
    #fastest-supercomputers-h1 {
        position: absolute;
        width: calc(100vw - 60px);
        max-width: 500px;
        left: 30px;
        top: 70px;
        color: #76b900;
        z-index: 100;
        /* background-color: green; */
    }
    
    .fastest-supercomputers-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 768px;
        margin: 0;
        padding: 0;
        top: 0px;
        left: 0px;
        shape-outside: polygon(620px 0, 100% 0, 100% 100%, 175px 100%);
        shape-margin: 10px;
        clip-path: polygon(620px 0, 100% 0, 100% 100%, 175px 100%);
        -webkit-clip-path: polygon(620px 0, 100% 0, 100% 100%, 175px 100%);
        background-color: transparent;
        /*background-color: red;*/
        opacity: 0.5;
    }
    
    #fastest-supercomputers-textcontainer {
        position: absolute;
        width: 620px;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1075px;
        top: -1px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    #fastest-supercomputers-text {
        position: relative;
        width: 100vw;
        height: 1024px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #fastest-supercomputers-text p {
        padding-right: 30px;
        padding-left: 30px;
        padding-bottom: 15px;
    }
    
    #fastest-supercomputers-text-p1 {
        padding-top: 160px;
    }
    
    .mini-logo-inline {
        position: relative;
        display: inline-block;
        top: 0px;
        left: 0px;
        margin-bottom: 5px !important;
        margin-right: 10px !important;
        /*background-color: green !important;*/
    }
    
    
    /* #9 - #ai-training-tool :: WORLD'S MOST POWERFUL AI TRAINING TOOL :: LANDSCAPE ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #ai-training-tool {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 615px;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }
    
    #ai-training-tool .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 615px;
    }
    
    #ai-training-tool-h1 {
        position: absolute;
        width: calc(100vw - 60px);
        max-width: 380px;
        left: 30px;
        top: 70px;
        color: #76b900;
        z-index: 100;
        /* background-color: green; */
    }
    
    .ai-training-tool-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 768px;
        margin: 0;
        padding: 0;
        top: 0px;
        left: 0px;
        shape-outside: polygon(620px 0, 100% 0, 100% 100%, 175px 100%);
        shape-margin: 10px;
        clip-path: polygon(620px 0, 100% 0, 100% 100%, 175px 100%);
        -webkit-clip-path: polygon(620px 0, 100% 0, 100% 100%, 175px 100%);
        background-color: transparent;
        /*background-color: red;*/
        /*opacity: 0.5;*/
    }
    
    #ai-training-tool-textcontainer {
        position: absolute;
        width: 620px;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 560px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    #ai-training-tool-text {
        position: relative;
        width: 100vw;
        height: 1024px;
        max-width: 330px;
        top: 0px;
        left: 0px;
        float: left;
        z-index: 50;
    }
    
    #ai-training-tool-text p {
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 15px;
    }
    
    #ai-training-tool-text-p1 {
        padding-top: 200px;
    }
    
    .ai-features {
        position: absolute;
        width: 60vw;
        max-width: none;
        top: 66px;
        right: 0px;
        margin: 0;
        margin-right: -10px;
        padding: 0;
        border: none;
        z-index: 100;
        float: right;
        /* background: blue; */
    }
    
    .ai-feature {
        position: relative;
        width: 19.5vw;
        max-width: none;
        /* max-width: 237px; */
        min-height: 100px;
        text-align: center;
        margin: 0;
        margin-bottom: 0px;
        padding: 0;
        border: none;
        display: inline-block;
        /* background: green; */
    }
    
    .ai-feature-label {
        position: relative;
        font-size: 14px;
        text-align: center;
        vertical-align: text-top;
        bottom: 0px;
    }
    
    .ai-feature-value {
        position: relative;
        font-size: 24px;
        text-align: center;
        vertical-align: text-top;
        top: 10px;
    }
    
    #ai-training-tool-fg-video {
        position: absolute;
        width: 60vw;
        max-width: none;
        height: calc(60vw * 0.5625);
        top: 220px;
        right: 0px;
        margin: 30px;
        z-index: 40;
        background-color: transparent;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/videos/dgx-2-exploded-view-0-PT.jpg);
        background-position: center;
        background-size: cover;
    }
    
    
    /* #10 - #ai-inference-hyperscale :: POWERING AI INFERENCE FOR HYPERSCALE :: LANDSCAPE ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #ai-inference-hyperscale {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 468px;
        top: 0;
        left: 0;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #ai-inference-hyperscale .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 468px;
    }
        
    #ai-inference-hyperscale-h1 {
        position: absolute;
        width: 100vw;
        max-width: 560px;
        left: 0px;
        top: 70px;
        color: #76b900;
        z-index: 100;
        padding-right: 30px;
        padding-left: 30px;
        /* background-color: green; */
    }
    
    #ai-inference-hyperscale-textcontainer {
        position: absolute;
        width: 620px;
        height: auto;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1109px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .ai-inference-hyperscale-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 768px;
        margin: 0;
        padding: 0;
        top: 0px;
        left: 0px;
        shape-outside: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        shape-margin: 30px;
        clip-path: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        -webkit-clip-path: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        background-color: transparent;
        /*background-color: red;*/
        /*opacity: 0.5;*/
    }
    
    #ai-inference-hyperscale-text {
        position: relative;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #ai-inference-hyperscale-text p {
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 15px;
    }
    
    #ai-inference-hyperscale-text-p1 {
        padding-top: 160px;
    }
    
    #ai-inference-hyperscale-fg-image {
        position: absolute;
        width: 423px;
        height: 447px;
        top: auto;
        right: 0px;
        bottom: 0px;
        float: right;
        background-color: transparent;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-ai-inference-hyperscale-landscape-L.png');
    }
    
    
    /* #11 - #autonomous-revolution :: AUTONOMOUS MACHINES ARE REVOLUTIONIZING INDUSTRIES ::  LANDSCAPE ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #autonomous-revolution {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 560px;
        overflow: hidden;
    }
    
    #autonomous-revolution .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 560px;
    }
    
    #autonomous-revolution-h1 {
        position: relative;
        width: 100%;
        max-width: 600px;
        height: auto;
        font-size: 48px;
        line-height: 1.2em;
        color: #eee;
        text-align: left;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: auto;
        margin-bottom: 30px;
        top: 90px;
        left: 10px;
        z-index: 50;
        transition: all 1s ease-out;
    }
    
    
    
    /* #12 - #drive-autonomous-vehicles :: NVIDIA DRIVE FOR AUTONOMOUS VEHICLES :: LANDSCAPE ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #drive-autonomous-vehicles {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 640px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: scroll;
    }
    
    #drive-autonomous-vehicles .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 640px;
    }
    
    
    /* #13 - #nvidia-culture :: NVIDIA CULTURE :: LANDSCAPE ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #nvidia-culture {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 580px;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }
    
    #nvidia-culture .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 580px;
    }
    
    
    /* #14 - #jetson-nano-family :: JETSON AGX AND ISAAC DELIVER AI TO ROBOTICS AND IOT INDUSTRY :: LANDSCAPE ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #jetson-nano-family {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 508px;
        top: 0px;
        left: 0px;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10%, transparent 30%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-landscape-T.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10%, transparent 30%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-landscape-T.jpg');
        background: linear-gradient(145deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 25%, transparent 60%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-landscape-T.jpg');
        background-repeat: no-repeat;
        background-position: center right;
        background-size: cover;
        background-attachment: scroll;
    }
    
    #jetson-nano-family .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 508px;
    }
    
    #jetson-nano-family-text {
        height: auto;
    }
    
    
    /* #15 - #nvidia-summary :: NVIDIA SUMMARY :: LANDSCAPE ORIENTATION :: TABLET BREAKPOINT 768-1024 */
    
    #nvidia-summary {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
        background: #ccc url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-nvidia-summary-landscape-T@2x.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: scroll;
        float: left;
        z-index: 150;
        overflow: hidden;
    }
    
    #nvidia-summary .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
    }
    
    #nvidia-summary-textcontainer {
        position: absolute;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
        top: 0px;
        left: 0px;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-color: transparent;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/isometric-graphics-motif.png);
        background-position: top center;
        background-repeat: repeat;
        background-attachment: scroll;
        clip-path: polygon(65% 0, 100% 0, 100% 100%, 10% 100%);
        -webkit-clip-path: polygon(65% 0, 100% 0, 100% 100%, 10% 100%);
        float: left;
    }
    
    #nvidia-summary-text {
        position: relative;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
    }
    
    #nvidia-summary-logo {
        position: absolute;
        width: 50vw;
        height: 40px;
        top: 70px;
        right: 0px;
        background: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-black.svg) no-repeat;
        background-size: contain;
        background-position: center;
        float: left;
        display: block;
    }
    
    #nvidia-summary-quotes {
        position: absolute;
        width: 50vw;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
        margin: 0;
        padding: 0;
        padding-top: 120px;
        float: right;
    }
    
    #nvidia-summary-quote1 {
        width: calc(50% - 30px);
        height: 100px;
        margin-right: 30px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote2 {
        width: 50%;
        height: 100px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote3 {
        width: calc(50% - 30px);
        height: 100px;
        margin-right: 30px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote4 {
        width: 50%;
        height: 100px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote5 {
        width: calc(50% - 30px);
        height: 100px;
        margin-right: 30px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote6 {
        width: 50%;
        height: 100px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote1 .nvidia-summary-quotation {
        width: 200px;
    }
    
    .nvidia-summary-quotation {
        font-family: NVIDIA;
        font-size: 18px;
        line-height: 18px;
        /*display: inline-block;*/
        color: #000;
        width: 190px;
        font-weight: 600;
    }
    
    .nv-quotation-mark {
        font-family: NVIDIA;
        font-size: 24px !important;
        line-height: 1em;
        display: inline-block;
        color: #76b900 !important;
        vertical-align: text-top;
        font-weight: 600;
     }
    
    .nvidia-summary-attribution {
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1em;
        display: block;
        color: #76b900;
        margin-left: 0px;
        font-weight: 600;
    }
     
    #nvidia-summary-footer {
        position: absolute;
        right: 30px;
        bottom: 30px;
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1.5em;
        text-align: center;
        display: inline-block;
        color: #000;
    }
    
}



/* -----------------------------------------------------------------------------*/
/* BROCHURE: LANDSCAPE ORIENTATION :: LAPTOP BREAKPOINT 1025-1349               */
/* -----------------------------------------------------------------------------*/

@media all and (min-width: 1025px) and (max-width: 1349px) and (orientation: landscape) {
    
    .fixed-header.collapsed {
        top: -40px;
        transition: top .5s;
    }
    
    .brochure-headline.fixed.collapsed {
        margin-top: -40px;
    }
    
    .brochure-container.collapsed {
        top: 0px;
        margin-top: 0px;
    }
    
    .intro-copy {
        font-family: NVIDIA;
        font-size: 21px;
        line-height: 1.5em;
        color: #eee;
    }
    
    .nvidia-logo-light-theme.collapsed {
        margin-top: -52px;
    }
    
    .nvidia-logo-dark-theme.collapsed {
        margin-top: 52px;
    }
    
    
    /* #1 - #nvidia-intro :: NVIDIA INTRO WALK-IN ANIMATION :: LANDSCAPE ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #nvidia-intro {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 700px;
        overflow: hidden;
    }
    
    #nvidia-intro .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 700px;
    }
    
    
    /* #2-V2 - #da-vincis-einsteins :: SUPERCHARGED COMPUTING FOR THE DA VINCIS AND EINSTEINS OF OUR TIME :: LANDSCAPE ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #da-vincis-einsteins {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 700px;
        top: 0px;
        left: 0px;
        background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-landscape-L.jpg');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
    }
    
    #da-vincis-einsteins .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 700px;
    }
    
    #da-vincis-einsteins-textcontainer {
        position: relative;
        width: 880px;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1528px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .da-vincis-einsteins-textshape {
        position: relative;
        width: 100%;
        height: 1440px;
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
        shape-outside: polygon(880px 0, 100% 0, 100% 100%, 50px 100%);
        shape-margin: 30px;
        clip-path: polygon(880px 0, 100% 0, 100% 100%, 50px 100%);
        -webkit-clip-path: polygon(880px 0, 100% 0, 100% 100%, 50px 100%);
        background-color: transparent;
        opacity: 0.5;
        float: right;
    }
    
    #da-vincis-einsteins-text {
        position: relative;
        width: 100%;
        height: auto;
        max-width: 100vw;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #da-vincis-einsteins-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #da-vincis-einsteins-text-p1 {
        padding-top: 280px;
    }
    
    #da-vincis-einsteins-caption-text {
        max-width: 160px;
    }
    
    
    /* #3 - #moores-law :: TWO FORCES SHAPING COMPUTING :: LANDSCAPE ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #moores-law {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
        top: 0px;
        left: 0px;
    }
    
    #moores-law .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 768px;
    }
    
    #moores-law h1 {
        top: 120px;
        left: 60px;
    }
    
    #moores-law-textcontainer {
        position: relative;
        width: 100vw;
        height: auto;
        min-height: 400px;
        margin: 0 auto;
        padding: 0;
        padding-top: 206px;
        padding-bottom: 60px;
        top: 0px;
        left: 0px;
        background-color: transparent;
    }
    
    #moores-law-text {
        position: relative;
        width: 550px;
        height: auto;
        padding: 0;
        margin: 0 auto;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #moores-law-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #moores-law-text-p1 {
        padding-top: 58px;
    }
    
    #moores-law-chart {
        position: absolute;
        width: 50vw;
        height: 50vw;
        max-width: 40vw;
        margin: 0;
        top: 120px;
        right: 60px;
    }
    
    #moores-law-chart-svg {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 50;
    }
    
    
    /* #4 - #modern-cg :: NVIDIA DEFINES MODERN COMPUTER GRAPHICS :: LANDSCAPE ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #modern-cg {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 612px;
        overflow: hidden;
    }
    
    #modern-cg .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 612px;
    }
    
    
    /* #5 - #new-era-vfx :: A NEW ERA FOR VISUAL EFFECTS :: LANDSCAPE ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #new-era-vfx {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 565px;
        top: 0px;
        left: 0px;
        background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-landscape-desktop.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    
    #new-era-vfx .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 565px;
    }
    
    #new-era-vfx-h1 {
        position: absolute;
        width: 100vw;
        max-width: 500px;
        top: 120px;
        left: 60px;
        color: #76b900;
        z-index: 100;
    }
    
    #new-era-vfx-textcontainer {
        position: relative;
        width: 910px;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 565px;
        padding: 0;
        right: auto;
        top: 0px;
        left: 0px;
        background-color: rgba(0,0,0,0);
        border: none;
        margin: 0 auto;
        
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
    }
    
    #new-era-vfx-text {
        position: relative;
        width: 100vw;
        height: auto;
        float: left;
        padding: 0;
        margin: 0 auto;
        margin-top: 0;
        top: 0px;
        left: 0px;
        right: 0px;
    }
    
    #new-era-vfx-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #new-era-vfx-text-p1 {
        padding-top: 256px;
    }
    
    .new-era-vfx-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
        shape-outside: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        shape-margin: 20px;
        clip-path: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        -webkit-clip-path: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        background-color: transparent;
        /*background-color: yellow;*/
        opacity: 0.5;
    }
    
    #new-era-vfx-fg-image {
        position: fixed;
        width: 271px;
        height: 439px;
        top: auto;
        right: 0px;
        bottom: 0px;
        float: right;
        background-color: transparent;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-new-era-vfx-landscape-quadro-rtx-8000-corner-L.png');
    }
    
    
    /* #6 - #rtx-gaming :: RTX RESETS GAMING :: LANDSCAPE ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #rtx-gaming {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
        left: 0;
        top: 0;
        background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-landscape-L.jpg');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        overflow: hidden;
    }
    
    #rtx-gaming .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
    }
    
    #rtx-gaming-h1 {
        position: absolute;
        width: 100vw;
        max-width: 640px;
        top: 120px;
        left: 60px;
        color: #76b900;
        z-index: 100;
        /* background-color: green; */
    }
    
    #rtx-gaming-textcontainer {
        position: absolute;
        width: 910px;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1580px;
        top: 0px;
        left: -1px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .rtx-gaming-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
        shape-outside: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        shape-margin: 20px;
        clip-path: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        -webkit-clip-path: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        background-color: transparent;
        /*background-color: orange;*/
        opacity: 0.5;
    }
    
    #rtx-gaming-text {
        position: relative;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #rtx-gaming-text p {
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 30px;
    }
    
    #rtx-gaming-text-p1 {
        padding-top: 210px;
    }
    
    #rtx-gaming-fg-image {
        position: fixed;
        width: 423px;
        height: 447px;
        top: auto;
        right: 0px;
        bottom: 0px;
        float: right;
        background-color: transparent;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-landscape-L.png');
    }
    
    #rtx-gaming-logos {
        position: relative;
        margin-top: 10px;
        width: 480px;
        height: 100px;
        float: left;
        z-index: 200;
        top: -940px;
        left: 30px;
        /*background-color: blue;*/
    }
    
    #rtx-gaming-logo-microsoft-directx {
        position: relative;
        width: 30%;
        height: 80px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-microsoft-directx-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    #rtx-gaming-logo-unreal-engine {
        position: relative;
        width: 30%;
        height: 80px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unreal-engine-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    #rtx-gaming-logo-unity {
        position: relative;
        width: 30%;
        height: 80px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unity-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    
    /* #7 - #next-era-computing :: NVIDIA IS POWERING THE NEXT ERA OF COMPUTING :: LANDSCAPE ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #next-era-computing {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 720px;
        top: 0;
        left: 0;
    }
    
    #next-era-computing .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 720px;
    }
    
    
    /* #8 - #fastest-supercomputers :: POWERING THE WORLD’S FASTEST SUPERCOMPUTERS :: LANDSCAPE ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #fastest-supercomputers {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 830px;
        top: 0;
        left: 0;
        background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-landscape-L.jpg');
        background-position: right center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
    }
    
    #fastest-supercomputers .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 830px;
    }
    
    #fastest-supercomputers-h1 {
        position: absolute;
        width: 100vw;
        max-width: 640px;
        top: 120px;
        left: 60px;
        color: #76b900;
        z-index: 100;
        /* background-color: green; */
    }
    
    #fastest-supercomputers-textcontainer {
        position: absolute;
        width: 910px;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1580px;
        top: -1px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .fastest-supercomputers-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
        shape-outside: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        shape-margin: 20px;
        clip-path: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        -webkit-clip-path: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        background-color: transparent;
        /*background-color: orange;*/
        opacity: 0.5;
    }
    
    #fastest-supercomputers-text {
        position: relative;
        width: 98vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #fastest-supercomputers-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #fastest-supercomputers-text-p1 {
        padding-top: 240px;
    }
    
    .mini-logo-container {
        padding: 0;
        padding-bottom: 60px;
        padding-left: 60px;
    }

    .mini-logo-inline {
        margin-right: 15px;
        margin-bottom: 10px;
    }
    
    #fastest-supercomputers-logo-1 {
        width: 130px;
        height: 54px;
    }
    
    #fastest-supercomputers-logo-2 {
        width: 150px;
        height: 54px;
    }
    
    #fastest-supercomputers-logo-3 {
        width: 130px;
        height: 54px;
    }
    
    #fastest-supercomputers-logo-4 {
        width: 108px;
        height: 54px;
    }
    
    #fastest-supercomputers-logo-5 {
        width: 164px;
        height: 54px;
    }
    
    
    /* #9 - #ai-training-tool :: WORLD'S MOST POWERFUL AI TRAINING TOOL :: LANDSCAPE ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #ai-training-tool {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 700px;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    
    #ai-training-tool .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 700px;
    }
    
    #ai-training-tool-h1 {
        position: absolute;
        width: 100vw;
        max-width: 530px;
        top: 126px;
        left: 60px;
        color: #76b900;
        z-index: 100;
        /* background-color: green; */
    }
    
    #ai-training-tool-textcontainer {
        position: absolute;
        width: 800px;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 860px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .ai-training-tool-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
        shape-outside: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        shape-margin: 20px;
        clip-path: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        -webkit-clip-path: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        background-color: transparent;
        /*background-color: orange;*/
        opacity: 0.5;
    }
    
    #ai-training-tool-text {
        position: relative;
        width: 100vw;
        max-width: 458px;
        height: 1440px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #ai-training-tool-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #ai-training-tool-text-p1 {
        padding-top: 290px;
    }
    
    .ai-features {
        position: absolute;
        width: 50vw;
        max-width: none;
        top: 66px;
        right: 0px;
        margin: 0;
        margin-right: 60px;
        padding: 0;
        border: none;
        z-index: 100;
        float: right;
        /*background: blue;*/
    }
    
    .ai-feature {
        position: relative;
        width: 16.4vw;
        max-width: none;
        /*max-width: 237px;*/
        min-height: 100px;
        text-align: center;
        margin: 0;
        margin-bottom: 15px;
        padding: 0;
        border: none;
        display: inline-block;
        /*background: green;*/
    }
    
    .ai-feature-label {
        position: relative;
        font-size: 18px;
        text-align: center;
        vertical-align: text-top;
        bottom: 0px;
    }
    
    .ai-feature-value {
        position: relative;
        font-size: 36px;
        text-align: center;
        vertical-align: text-top;
        top: 10px;
    }
    
    #ai-training-tool-fg-video {
        position: absolute;
        width: 50vw;
        max-width: none;
        height: calc(50vw * 0.5625);
        top: 240px;
        right: 0px;
        margin: 60px;
        background-color: transparent;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/videos/dgx-2-exploded-view-0-L.jpg);
        background-position: center;
        background-size: cover;
    }
    
    
    /* #10 - #ai-inference-hyperscale :: POWERING AI INFERENCE FOR HYPERSCALE :: LANDSCAPE ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #ai-inference-hyperscale {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 600px;
        top: 0;
        left: 0;
        background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-landscape-L.jpg');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    
    #ai-inference-hyperscale .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 600px;
    }
    
    #ai-inference-hyperscale-h1 {
        position: absolute;
        width: 100vw;
        max-width: 600px;
        top: 120px;
        left: 60px;
        color: #76b900;
        z-index: 100;
        /* background-color: green; */
    }
    
    #ai-inference-hyperscale-textcontainer {
        position: absolute;
        width: 910px;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1580px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .ai-inference-hyperscale-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
        shape-outside: polygon(810px 0, 100% 0, 100% 100%, -20px 100%);
        shape-margin: 60px;
        clip-path: polygon(810px 0, 100% 0, 100% 100%, -20px 100%);
        -webkit-clip-path: polygon(810px 0, 100% 0, 100% 100%, -20px 100%);
        background-color: transparent;
        /*background-color: orange;*/
        /*opacity: 0.5;*/
    }
    
    #ai-inference-hyperscale-text {
        position: relative;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #ai-inference-hyperscale-text p {
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 30px;
    }
    
    #ai-inference-hyperscale-text-p1 {
        padding-top: 230px;
    }
    
    #ai-inference-hyperscale-fg-image {
        position: absolute;
        width: 423px;
        height: 447px;
        top: auto;
        right: 0px;
        bottom: 0px;
        float: right;
        background-color: transparent;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-ai-inference-hyperscale-landscape-L.png');
    }
    
    
    /* #11 - #autonomous-revolution :: AUTONOMOUS MACHINES ARE REVOLUTIONIZING INDUSTRIES ::  LANDSCAPE ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #autonomous-revolution {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 600px;
        overflow: hidden;
    }
    
    #autonomous-revolution .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 600px;
    }
    
    
    /* #12 - #drive-autonomous-vehicles :: NVIDIA DRIVE FOR AUTONOMOUS VEHICLES :: LANDSCAPE ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #drive-autonomous-vehicles {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 900px;
        top: 0;
        left: 0;
        background-color: black;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-L.jpg);
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-L.jpg);
        background: linear-gradient(145deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-L.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 100vw;
        background-attachment: scroll;
        overflow: hidden;
    }
    
    #drive-autonomous-vehicles .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 900px;
    }
    
    #drive-autonomous-vehicles-h1 {
        max-width: 680px;
    }
    
    
    /* #13 - #nvidia-culture :: NVIDIA CULTURE :: LANDSCAPE ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #nvidia-culture {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 545px;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }
    
    #nvidia-culture .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 545px;
    }
    
    
    /* #14 - #jetson-nano-family :: JETSON AGX AND ISAAC DELIVER AI TO ROBOTICS AND IOT INDUSTRY :: LANDSCAPE ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #jetson-nano-family {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 700px;
        top: 0px;
        left: 0px;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 25%, transparent 60%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-landscape-L.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 25%, transparent 60%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-landscape-L.jpg');
        background: linear-gradient(145deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 25%, transparent 60%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-landscape-L.jpg');
        background-repeat: no-repeat;
        background-position: center right;
        background-size: cover;
        background-attachment: fixed;
    }
    
    #jetson-nano-family .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 700px;
    }
    
    #jetson-nano-family-text {
        position: relative;
        width: 495px;
        height: auto;
        /* background: saddlebrown; */
    }
    
    /* #15 - #nvidia-summary :: NVIDIA SUMMARY :: LANDSCAPE ORIENTATION :: LAPTOP BREAKPOINT 1025-1349 */
    
    #nvidia-summary {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625);
        background: #ccc url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-nvidia-summary-landscape-L@2x.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-attachment: fixed;
        float: left;
        z-index: 150;
        overflow: hidden;
    }
    
    #nvidia-summary .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625);
    }
    
    #nvidia-summary-textcontainer {
        position: absolute;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625);
        top: 0px;
        left: 0px;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-color: transparent;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/isometric-graphics-motif.png);
        background-position: center;
        background-repeat: repeat;
        background-attachment: fixed;
        clip-path: polygon(100% -768px, 100% 0, 100% 100%, 0% 1536px);
        -webkit-clip-path: polygon(100% -768px, 100% 0, 100% 100%, 0% 1536px);
        float: left;
    }
    
    #nvidia-summary-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 768px;
        margin: 0;
        padding: 0;
        top: 0px;
        left: 0px;
        shape-outside: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        shape-margin: 30px;
        clip-path: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        -webkit-clip-path: polygon(610px 0, 100% 0, 100% 100%, 165px 100%);
        background-color: transparent;
        /*background-color: red;*/
        /*opacity: 0.5;*/
    }
    
    #nvidia-summary-logo {
        position: absolute;
        width: 45vw;
        height: 50px;
        top: 126px;
        right: 0px;
        background: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-black.svg') no-repeat;
        background-size: contain;
        background-position: center;
        float: left;
        display: block;
    }
    
    #nvidia-summary-quotes {
        position: absolute;
        width: 40vw;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
        margin: 0;
        padding: 0;
        padding-top: 120px;
        float: right;
    }
    
    #nvidia-summary-quote1 {
        width: calc(50% - 30px);
        height: 100px;
        margin-right: 30px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote2 {
        width: 50%;
        height: 100px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote3 {
        width: calc(50% - 30px);
        height: 100px;
        margin-right: 30px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote4 {
        width: 50%;
        height: 100px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote5 {
        width: calc(50% - 30px);
        height: 100px;
        margin-right: 30px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote6 {
        width: 50%;
        height: 100px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote1 .nvidia-summary-quotation {
        width: 200px;
    }
    
    .nvidia-summary-quotation {
        font-family: NVIDIA;
        font-size: 18px;
        line-height: 18px;
        /*display: inline-block;*/
        color: #000;
        width: 190px;
        font-weight: 600;
    }
    
    .nv-quotation-mark {
        font-family: NVIDIA;
        font-size: 24px !important;
        line-height: 1em;
        display: inline-block;
        color: #76b900 !important;
        vertical-align: text-top;
        font-weight: 600;
     }
    
    .nvidia-summary-attribution {
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1em;
        display: block;
        color: #76b900;
        margin-left: 0px;
        font-weight: 600;
    }
     
    #nvidia-summary-footer {
        position: absolute;
        width: 50vw;
        right: 30px;
        bottom: 30px;
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1.5em;
        font-weight: 400;
        text-align: center;
        display: inline-block;
        color: #000;
    }
    
}



/* -----------------------------------------------------------------------------*/
/* BROCHURE: LANDSCAPE ORIENTATION :: DESKTOP BREAKPOINT 1350-2559              */
/* -----------------------------------------------------------------------------*/

@media all and (min-width: 1350px) and (max-width: 2559px) and (orientation: landscape) {
    
    h1 {
        font-family: NVIDIA;
        font-size: 48px;
        line-height: 1em;
        font-weight: 500;
    }
    
    .brochure-headline {
        width: 100vw;
        top: 184px;
        left: 60px;
        max-width: 720px;
    }
    
    .intro-copy {
        font-family: NVIDIA;
        font-size: 21px;
        line-height: 1.5em;
        color: #eee;
    }
    
    .fixed-header.collapsed {
        top: -40px;
        transition: top .5s;
    }
    
    .brochure-headline.fixed.collapsed {
        margin-top: -40px;
    }
    
    .brochure-container.collapsed {
        top: 0px;
        margin-top: 0px;
    }
    
    .nvidia-logo-dark-theme.collapsed {
        margin-top: 52px;
    }
    
    
    /* #1 - #nvidia-intro :: NVIDIA INTRO WALK-IN ANIMATION :: LANDSCAPE ORIENTATION :: DESKTOP BREAKPOINT 1350-2559 */
    
    #nvidia-intro {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 870px;
        overflow: hidden;
    }
    
    #nvidia-intro .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 870px;
    }
    
    
    /* #2-V2 - #da-vincis-einsteins :: SUPERCHARGED COMPUTING FOR THE DA VINCIS AND EINSTEINS OF OUR TIME :: LANDSCAPE ORIENTATION :: DESKTOP BREAKPOINT 1350-2559 */
    
    #da-vincis-einsteins {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 870px;
        top: 0px;
        left: 0px;
        background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-landscape-D.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        overflow: hidden;
        z-index: 10;
        overflow: hidden;
    }
    
    #da-vincis-einsteins .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 870px;
    }
    
    #da-vincis-einsteins-textcontainer {
        position: relative;
        width: 930px;
        height: 1612px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
        float: left;
    }
    
    #da-vincis-einsteins-text {
        position: relative;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #da-vincis-einsteins-text p {
        padding-right: 60px;
        padding-left: 60px;
        padding-bottom: 15px;
    }
    
    #da-vincis-einsteins-text-p1 {
        padding-top: 309px;
    }
    
    .da-vincis-einsteins-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
        shape-outside: polygon(930px 0, 100% 0, 100% 100%, 90px 100%);
        shape-margin: 30px;
        clip-path: polygon(930px 0, 100% 0, 100% 100%, 90px 100%);
        -webkit-clip-path: polygon(930px 0, 100% 0, 100% 100%, 90px 100%);
        background-color: transparent;
        /*background-color: orange; */
        opacity: 0.5;
    }
    
    
    /* #3 - #moores-law :: TWO FORCES SHAPING COMPUTING :: LANDSCAPE ORIENTATION :: DESKTOP BREAKPOINT 1350-2559 */
    
    #moores-law {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625);
        overflow: hidden;
    }
    
    #moores-law .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625);
    }
    
    #moores-law h1 {
        left: 60px;
        top: 120px;
    }
    
    #moores-law-textcontainer {
        position: absolute;
        width: calc(50vw - 120px); /*910px;*/
        height: auto;
        padding: 0;
        right: auto;
        top: 0px;
        left: 0px;
        margin: 0 auto;
    }
    
    #moores-law-text {
        position: relative;
        width: 640px;
        height: auto;
        float: left;
        padding: 0;
        margin: 0 auto;
        margin-top: 0;
        top: 0px;
        left: 0px;
        right: 0;
    }
    
    #moores-law-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #moores-law-text-p1 {
        padding-top: 260px;
    }
    
    #moores-law-chart {
        position: absolute;
        width: 40vw;
        height: 40vw;
        max-width: 1044px;
        max-height: 898px;
        margin: 0 auto;
        /*margin-top: calc(50vh - 30vh);*/
        /*top: 120px;*/
        top: calc(50vh - 30vh);
        /*right: 60px;*/
        right: calc(50vh - 30vh);
    }
    
    #moores-law-chart-svg {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 50;
    }
    
    
    /* #4 - #modern-cg :: NVIDIA DEFINES MODERN COMPUTER GRAPHICS :: LANDSCAPE ORIENTATION :: DESKTOP BREAKPOINT 1350-2559 */
    
    #modern-cg {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 640px;
        overflow: hidden;
    }
    
    #modern-cg .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 640px;
    }
    
    
    /* #5 - #new-era-vfx :: A NEW ERA FOR VISUAL EFFECTS :: LANDSCAPE ORIENTATION :: DESKTOP BREAKPOINT 1350-2559 */
    
    #new-era-vfx {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 550px;
        margin: 0;
        padding: 0;
        background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-landscape-desktop.jpg');
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        overflow: hidden;
        z-index: 10;
    }
    
    #new-era-vfx .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 550px;
    }
    
    #new-era-vfx-h1 {
        position: relative;
        width: calc(100vw - 120px);
        max-width: 500px;
        left: 60px;
        top: 120px;
        color: #76b900;
        /* background-color: green; */
        z-index: 100;
    }
    
    #new-era-vfx-textcontainer {
        position: absolute;
        width: 930px;
        height: 1615px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
        /*background-color: blue;*/
    }
    
    #new-era-vfx-text {
        position: relative;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #new-era-vfx-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #new-era-vfx-text-p1 {
        padding-top: 256px;
    }
    
    .new-era-vfx-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
        shape-outside: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        shape-margin: 20px;
        clip-path: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        -webkit-clip-path: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        background-color: transparent;
        /*background-color: orange; */
        opacity: 0.5;
    }
    
    #new-era-vfx-fg-image {
        position: absolute;
        width: 271px;
        height: 439px;
        top: auto;
        right: 0px;
        bottom: 0px;
        left: auto;
        float: right;
        background-color: transparent;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-new-era-vfx-landscape-quadro-rtx-8000-corner-L.png');
    }
    
    
    /* #6 - #rtx-gaming :: RTX RESETS GAMING :: LANDSCAPE ORIENTATION :: DESKTOP BREAKPOINT 1350-2559 */
    
    #rtx-gaming {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
        left: 0;
        top: 0;
        background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-landscape-D.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    
    #rtx-gaming .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
    }
    
    #rtx-gaming-h1 {
        position: relative;
        width: calc(100vw - 120px);
        max-width: 640px;
        left: 60px;
        top: 120px;
        color: #76b900;
        /* background-color: green; */
        z-index: 100;
    }
    
    #rtx-gaming-textcontainer {
        position: absolute;
        width: 930px;
        height: 1610px;
        top: 0px;
        left: -1px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
        /*background-color: blue;*/
    }
    
    #rtx-gaming-text {
        position: relative;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #rtx-gaming-text-p1 {
        padding-top: 210px;
    }
    
    #rtx-gaming-text p {
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 30px;
        max-width: none;
    }
    
    .rtx-gaming-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
        shape-outside: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        shape-margin: 20px;
        clip-path: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        -webkit-clip-path: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        background-color: transparent;
        /*background-color: orange; */
        opacity: 0.5;
    }
    
    #rtx-gaming-fg-image {
        position: fixed;
        width: 430px;
        height: 438px;
        top: auto;
        right: 0px;
        bottom: 0px;
        float: right;
        background-color: transparent;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-landscape-D.png');
    }
    
    #rtx-gaming-logos {
        position: relative;
        margin-top: 10px;
        width: 480px;
        height: 100px;
        float: left;
        z-index: 200;
        top: -940px;
        left: 35px;
        /*background-color: blue;*/
    }
    
    #rtx-gaming-logo-microsoft-directx {
        position: relative;
        width: 30%;
        height: 80px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-microsoft-directx-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    #rtx-gaming-logo-unreal-engine {
        position: relative;
        width: 30%;
        height: 80px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unreal-engine-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    #rtx-gaming-logo-unity {
        position: relative;
        width: 30%;
        height: 80px;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unity-eee.svg);
        background-position: center top;
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
        display: inline-block;
    }
    
    
    /* #7 - #next-era-computing :: NVIDIA IS POWERING THE NEXT ERA OF COMPUTING :: LANDSCAPE ORIENTATION :: DESKTOP BREAKPOINT 1350-2559 */
    
    #next-era-computing {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
        overflow: hidden;
    }
    
    #next-era-computing .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
    }
    
    
    /* #8 - #fastest-supercomputers :: POWERING THE WORLD'S FASTEST SUPERCOMPUTERS :: LANDSCAPE ORIENTATION :: DESKTOP BREAKPOINT 1350-2559 */
    
    #fastest-supercomputers {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
        margin: 0;
        padding: 0;
        background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-landscape-U.jpg');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        transition: none;
        overflow: hidden;
        z-index: 10;
    }
    
    #fastest-supercomputers .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1440px;
    }
    
    #fastest-supercomputers-h1 {
        position: absolute;
        width: calc(100vw - 120px);
        max-width: 640px;
        left: 60px;
        top: 120px;
        color: #76b900;
        /* background-color: green; */
        z-index: 100;
    }
    
    #fastest-supercomputers-textcontainer {
        position: relative;
        width: 930px;
        height: 1612px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
        float: left;
    }
    
    #fastest-supercomputers-text {
        position: relative;
        width: 98vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #fastest-supercomputers-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #fastest-supercomputers-text-p1 {
        padding-top: 240px;
    }
    
    .fastest-supercomputers-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
        shape-outside: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        shape-margin: 20px;
        clip-path: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        -webkit-clip-path: polygon(910px 0, 100% 0, 100% 100%, 80px 100%);
        background-color: transparent;
        /*background-color: orange; */
        /*opacity: 0.5;*/
    }
    
    .mini-logo-container {
        padding: 0;
        padding-bottom: 60px;
        padding-left: 60px;
    }

    .mini-logo-inline {
        margin-right: 15px;
        margin-bottom: 10px;
    }
    
    #fastest-supercomputers-logo-1 {
        width: 130px;
        height: 54px;
    }
    
    #fastest-supercomputers-logo-2 {
        width: 150px;
        height: 54px;
    }
    
    #fastest-supercomputers-logo-3 {
        width: 130px;
        height: 54px;
    }
    
    #fastest-supercomputers-logo-4 {
        width: 108px;
        height: 54px;
    }
    
    #fastest-supercomputers-logo-5 {
        width: 164px;
        height: 54px;
    }
    
    
    /* #9 - #ai-training-tool :: WORLD'S MOST POWERFUL AI TRAINING TOOL :: LANDSCAPE ORIENTATION :: DESKTOP BREAKPOINT 1350-2559 */
    
    #ai-training-tool {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625);
        margin: 0;
        padding: 0;
    }
    
    #ai-training-tool .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625);
    }
    
    #ai-training-tool-h1 {
        position: relative;
        width: 100vw;
        max-width: 480px;
        top: 126px;
        left: 0px;
        margin-left: 60px;
        color: #76b900;
        z-index: 100;
        /* background-color: green; */
        
    }
    
    #ai-training-tool-textcontainer {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 720px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
        float: left;
    }
    
    #ai-training-tool-text {
        position: relative;
        width: calc(50vw - 120px);
        max-width: none; /*550px;*/
        height: 1440px;
        top: 0px;
        left: 0px;
        font-size: 21px;
        line-height: 1.5em;
        float: left;
    }
    
    #ai-training-tool-text p {
        max-width: 556px;
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #ai-training-tool-text-p1 {
        padding-top: 170px;
    }
    
    .ai-features {
        position: absolute;
        width: 50vw;
        max-width: none;
        top: 120px;
        right: 0px;
        margin: 0;
        margin-right: 60px;
        padding: 0;
        border: none;
        z-index: 100;
        float: right;
        /*background: blue;*/
    }
    
    .ai-feature {
        width: 16.45vw;
        max-width: none;
        /*max-width: 237px;*/
        min-height: 100px;
        text-align: center;
        margin: 0;
        margin-bottom: 30px;
        padding: 0;
        border: none;
        display: inline-block;
        /*background: green;*/
    }
    
    .ai-feature-label {
        position: relative;
        font-size: 18px;
        text-align: center;
        vertical-align: text-top;
        bottom: 0px;
    }
    
    .ai-feature-value {
        position: relative;
        font-size: 36px;
        text-align: center;
        vertical-align: text-top;
        top: 10px;
    }
    
    #ai-training-tool-fg-video {
        position: absolute;
        width: 60vw;
        max-width: none;
        height: calc(60vw * 0.5625);
        top: 380px;
        right: 0px;
        margin: 60px;
        background-color: transparent;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/videos/dgx-2-exploded-view-0-D.jpg);
        background-position: center;
        background-size: cover;
    }
    
    
    /* #10 - #ai-inference-hyperscale :: POWERING AI INFERENCE FOR HYPERSCALE :: LANDSCAPE ORIENTATION :: DESKTOP BREAKPOINT 1350-2559 */
    
    #ai-inference-hyperscale {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 650px;
        left: 0;
        top: 0;
        /*background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-ai-inference-hyperscale-landscape-D.jpg');*/
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        overflow: hidden;
    }
    
    #ai-inference-hyperscale .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 650px;
    }
    
    #ai-inference-hyperscale-h1 {
        position: absolute;
        width: 100vw;
        max-width: 700px;
        top: 120px;
        left: 0px;
        color: #76b900;
        z-index: 100;
        padding-right: 60px;
        padding-left: 60px;
        /* background-color: green; */
    }
    
    #ai-inference-hyperscale-textcontainer {
        position: absolute;
        width: 930px;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1612px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .ai-inference-hyperscale-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
        shape-outside: polygon(810px 0, 100% 0, 100% 100%, -20px 100%);
        shape-margin: 60px;
        clip-path: polygon(810px 0, 100% 0, 100% 100%, -20px 100%);
        -webkit-clip-path: polygon(810px 0, 100% 0, 100% 100%, -20px 100%);
        background-color: transparent;
        /*background-color: orange;*/
        /*opacity: 0.5;*/
    }
    
    #ai-inference-hyperscale-text {
        position: relative;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #ai-inference-hyperscale-text p {
        padding-right: 60px;
        padding-left: 60px;
        margin-bottom: 30px;
    }
    
    #ai-inference-hyperscale-text-p1 {
        padding-top: 240px;
    }
    
    #ai-inference-hyperscale-fg-image {
        position: absolute;
        width: 430px;
        height: 438px;
        top: auto;
        right: 0px;
        bottom: 0px;
        float: right;
        background-color: transparent;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-ai-inference-hyperscale-landscape-D.png');
    }
    
    
    /* #11 - #autonomous-revolution :: AUTONOMOUS MACHINES ARE REVOLUTIONIZING INDUSTRIES ::  LANDSCAPE ORIENTATION :: DESKTOP BREAKPOINT 1350-2559 */
    
    #autonomous-revolution {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 860px;
    }
    
    #autonomous-revolution .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 860px;
    }
    
    
    /* #12 - #drive-autonomous-vehicles :: NVIDIA DRIVE FOR AUTONOMOUS VEHICLES :: LANDSCAPE ORIENTATION :: DESKTOP BREAKPOINT 1350-2559 */
    
    #drive-autonomous-vehicles {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 860px;
        top: 0px;
        left: 0px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100vw;
        background-attachment: scroll;
    }
    
    #drive-autonomous-vehicles .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 860px;
    }
    
    
    /* #13 - #nvidia-culture :: NVIDIA CULTURE :: LANDSCAPE ORIENTATION :: DESKTOP BREAKPOINT 1350-2559 */
    
    #nvidia-culture {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 860px;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }
    
    #nvidia-culture .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 860px;
    }
    
    /* #14 - #jetson-nano-family :: JETSON AGX AND ISAAC DELIVER AI TO ROBOTICS AND IOT INDUSTRY :: LANDSCAPE ORIENTATION :: DESKTOP BREAKPOINT 1350-2559 */
    
    #jetson-nano-family {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
        top: 0px;
        left: 0px;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-landscape-D.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-landscape-D.jpg');
        background: linear-gradient(145deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-landscape-D.jpg');
        background-repeat: no-repeat;
        background-position: center right;
        background-size: cover;
        background-attachment: fixed;
    }
    
    #jetson-nano-family .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
    }
    
    
    /* #15 - #nvidia-summary :: NVIDIA SUMMARY :: LANDSCAPE ORIENTATION :: DESKTOP BREAKPOINT 1350-2559 */
    
    #nvidia-summary {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 560px;
        background: #ccc url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-nvidia-summary-landscape-D.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        float: left;
        z-index: 150;
        overflow: hidden;
    }
    
    #nvidia-summary .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 560px;
    }
    
    #nvidia-summary-textcontainer {
        position: absolute;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        /*min-height: calc(100vw * 0.5625);*/
        min-height: 560px;
        top: 0px;
        left: 0px;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-color: #cfcfcf;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/isometric-graphics-motif.png);
        background: -moz-linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/isometric-graphics-motif.png');
        background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/isometric-graphics-motif.png');
        background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/isometric-graphics-motif.png');
        background-position: center;
        background-repeat: repeat;
        background-attachment: fixed;
        /*background-size: contain;*/
        clip-path: polygon(70% 0, 100% 0, 100% 100%, 0% 100%, 35% 100%);
        -webkit-clip-path: polygon(70% 0, 100% 0, 100% 100%, 0% 100%, 35% 100%);
        float: left;
    }
    
    #nvidia-summary #nvidia-summary-text {
        min-height: calc(100vw * 0.5625 - 60px);
    }
    
    #nvidia-summary-logo {
        position: absolute;
        width: 35vw;
        height: 50px;
        top: 126px;
        right: 0px;
        background: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-black.svg') no-repeat;
        background-size: contain;
        background-position: center;
        float: left;
        display: block;
    }
    
    #nvidia-summary-quotes {
        position: absolute;
        width: 40vw;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
        margin: 0;
        padding: 0;
        padding-top: 120px;
        float: right;
    }
    
    #nvidia-summary-quote1 {
        width: calc(50% - 30px);
        height: 100px;
        margin-right: 30px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote2 {
        width: 50%;
        height: 100px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote3 {
        width: calc(50% - 30px);
        height: 100px;
        margin-right: 30px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote4 {
        width: 50%;
        height: 100px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote5 {
        width: calc(50% - 30px);
        height: 100px;
        margin-right: 30px;
        float: left;
        display: inline-block;
    }
    
    #nvidia-summary-quote6 {
        width: 50%;
        height: 100px;
        float: right;
        display: inline-block;
    }
    
    #nvidia-summary-quote1 .nvidia-summary-quotation {
        width: 200px;
    }
    
    .nvidia-summary-quotation {
        font-family: NVIDIA;
        font-size: 18px;
        line-height: 18px;
        /*display: inline-block;*/
        color: #000;
        width: 190px;
        font-weight: 600;
    }
    
    .nv-quotation-mark {
        font-family: NVIDIA;
        font-size: 24px !important;
        line-height: 1em;
        display: inline-block;
        color: #76b900 !important;
        vertical-align: text-top;
        font-weight: 600;
     }
    
    .nvidia-summary-attribution {
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1em;
        display: block;
        color: #76b900;
        margin-left: 0px;
        font-weight: 600;
    }
     
    #nvidia-summary-footer {
        position: absolute;
        width: 50vw;
        right: 30px;
        bottom: 30px;
        font-family: NVIDIA;
        font-size: 12px;
        line-height: 1.5em;
        font-weight: 400;
        text-align: center;
        display: inline-block;
        color: #000;
    }
    
}



/* -----------------------------------------------------------------------------*/
/* BROCHURE: LANDSCAPE ORIENTATION :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+       */
/* -----------------------------------------------------------------------------*/

@media all and (min-width: 2560px) and (orientation: landscape) {
    
    h1 {
        font-family: NVIDIA;
        font-size: 60px;
        line-height: 1em;
        font-weight: 500;
    }
    
    .brochure-headline {
        width: 100vw;
        top: 230px;
        left: 120px;
        max-width: 840px;
    }
    
    .intro-copy {
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1.5em;
        color: #eee;
    }
    
    /*.intro-copy p {
        padding-left: 120px;
        padding-right: 120px;
    }*/
    
    .fixed-header.collapsed {
        top: -40px;
        transition: top .5s;
    }
    
    .brochure-headline.fixed.collapsed {
        margin-top: -40px;
    }
    
    .brochure-container.collapsed {
        top: 0px;
        margin-top: 0px;
    }
    
    .nvidia-logo-dark-theme.collapsed {
        margin-top: 52px;
    }
    
    
    /* #1 - #nvidia-intro :: NVIDIA INTRO WALK-IN ANIMATION :: LANDSCAPE ORIENTATION :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ */
    
    #nvidia-intro {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 870px;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-01-landscape.jpg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        float: left;
        overflow: hidden;
    }
    
    #nvidia-intro .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 870px;
    }
    
    
    /* #2-V2 - #da-vincis-einsteins :: SUPERCHARGED COMPUTING FOR THE DA VINCIS AND EINSTEINS OF OUR TIME :: LANDSCAPE ORIENTATION :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ */
    
    #da-vincis-einsteins {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 870px;
        top: 0px;
        left: 0px;
        background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-da-vincis-einsteins-landscape-D.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        overflow: hidden;
    }
    
    #da-vincis-einsteins .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 870px;
    }
    
    #da-vincis-einsteins-textcontainer {
        position: absolute;
        width: 1200px;
        height: 2080px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    #da-vincis-einsteins-text {
        position: relative;
        width: 100vw;
        height: auto;
        float: left;
        padding: 0;
        margin: 0 auto;
        margin-top: 0;
        top: 0px;
        left: 0px;
        right: auto;
    }
    
    #da-vincis-einsteins-text p {
        padding-left: 120px;
        padding-right: 120px;
        padding-bottom: 30px;
    }
    
    #da-vincis-einsteins-text-p1 {
        padding-top: 410px;
    }
    
    .da-vincis-einsteins-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 1920px;
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
        shape-outside: polygon(1200px 0%, 100% 0%, 100% 100%, 10% 100%);
        shape-margin: 60px;
        clip-path: polygon(1200px 0%, 100% 0%, 100% 100%, 10% 100%);
        -webkit-clip-path: polygon(1200px 0%, 100% 0%, 100% 100%, 10% 100%);
        background-color: transparent;
        /*background-color: rebeccapurple;
        opacity: 0.5;*/
    }
    
    
    /* #3 - #moores-law :: TWO FORCES SHAPING COMPUTING :: LANDSCAPE ORIENTATION :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ */
    
    #moores-law {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1280px;
        top: 0;
        left: 0;
        z-index: 32;
        overflow: hidden;
    }
    
    #moores-law .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 1280px;
    }
    
    #moores-law-textcontainer {
        position: absolute;
        width: 1240px;
        /*height: calc(100vw * 0.5625);*/
        min-height: auto;
        padding: 0;
        right: auto;
        top: 0px;
        left: 0px;
        margin: 0 auto;
    }
    
    #moores-law-text {
        position: relative;
        width: 760px;
        height: auto;
        float: left;
        padding: 0;
        margin: 0 auto;
        margin-top: 0;
        top: 0px;
        left: 0px;
        right: auto;
    }
    
    #moores-law-text p {
        padding-left: 120px;
        padding-right: 120px;
        padding-bottom: 30px;
    }
    
    #moores-law-text-p1 {
        padding-top: 406px;
    }
    
    #moores-law-chart {
        position: relative;
        width: 30vw;
        height: 30vw;
        max-width: 1044px;
        max-height: 898px;
        margin: 0 auto;
        margin-top: calc(50vh - 30vh);
    }
    
    #moores-law-chart-svg {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 50;
    }
    
    
    /* #4 - #modern-cg :: NVIDIA DEFINES MODERN COMPUTER GRAPHICS :: LANDSCAPE ORIENTATION :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ */
    
    #modern-cg {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 710px;
        overflow: hidden;
    }
    
    #modern-cg .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 710px;
    }
    
    
    /* #5 - #new-era-vfx :: A NEW ERA FOR VISUAL EFFECTS :: LANDSCAPE ORIENTATION :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ */
    
    #new-era-vfx {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 745px;
        /*min-height: calc(100vw * 0.5625);*/
        top: 0px;
        left: 0px;
        background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-new-era-vfx-landscape-desktop.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        overflow: hidden;
    }
    
    #new-era-vfx .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 745px;
        /*min-height: calc(100vw * 0.5625);*/
    }
    
    #new-era-vfx-h1 {
        position: absolute;
        width: calc(100vw - 120px);
        max-width: 620px;
        left: 120px;
        top: 185px;
        color: #76b900;
        z-index: 100;
    }
    
    #new-era-vfx-textcontainer {
        position: absolute;
        width: 1200px;
        height: 2080px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    #new-era-vfx-text {
        position: relative;
        width: 100vw;
        height: auto;
        float: left;
        padding: 0;
        margin: 0 auto;
        margin-top: 0;
        top: 0px;
        left: 0px;
        right: auto;
    }
    
    #new-era-vfx-text p {
        padding-right: 120px;
        padding-left: 120px;
        padding-bottom: 30px;
    }
    
    #new-era-vfx-text-p1 {
        padding-top: 340px;
    }
    
    .new-era-vfx-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 1920px;
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
        shape-outside: polygon(1200px 0, 100% 0, 100% 100%, 90px 100%);
        shape-margin: 60px;
        clip-path: polygon(1200px 0, 100% 0, 100% 100%, 90px 100%);
        -webkit-clip-path: polygon(1200px 0, 100% 0, 100% 100%, 90px 100%);
        background-color: transparent;
        /*background: rgba(255,0,0,0.5);*/
        /*background-color: rebeccapurple;
        opacity: 0.5;*/
    }
    
    #new-era-vfx-fg-image {
        position: fixed;
        width: 495px;
        height: 822px;
        top: auto;
        right: 0px;
        bottom: 0px;
        float: right;
        background-color: transparent;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-new-era-vfx-landscape-quadro-rtx-8000-corner-U.png');
    }
    
    
    /* #6 - #rtx-gaming :: RTX RESETS GAMING :: LANDSCAPE ORIENTATION :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ */
    
    #rtx-gaming {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 745px;
        top: 0px;
        left: 0px;
        background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-rtx-gaming-landscape-D.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    
    #rtx-gaming .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 745px;
    }
    
    #rtx-gaming-h1 {
        position: absolute;
        width: calc(100vw - 120px);
        max-width: 800px;
        left: 120px;
        top: 185px;
        color: #76b900;
        z-index: 100;
    }
    
    #rtx-gaming-textcontainer {
        position: absolute;
        width: 1200px;
        height: 2080px;
        top: 0px;
        left: -1px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    #rtx-gaming-text {
        position: relative;
        width: 100vw;
        height: auto;
        float: left;
        padding: 0;
        margin: 0 auto;
        margin-top: 0;
        top: 0px;
        left: 0px;
        right: auto;
    }
    
    #rtx-gaming-text p {
        padding-left: 120px;
        padding-right: 120px;
        padding-bottom: 30px;
        max-width: none;
    }
    
    #rtx-gaming-text-p1 {
        padding-top: 280px;
    }
    
    .rtx-gaming-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 1920px;
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
        shape-outside: polygon(1160px 0, 100% 0, 100% 100%, 50px 100%);
        shape-margin: 30px;
        clip-path: polygon(1160px 0, 100% 0, 100% 100%, 50px 100%);
        -webkit-clip-path: polygon(1160px 0, 100% 0, 100% 100%, 50px 100%);
        background-color: transparent;
        /*background-color: rebeccapurple;
        opacity: 0.5;*/
    }
    
    #rtx-gaming-fg-image {
        position: fixed;
        width: 489px;
        height: 660px;
        top: auto;
        right: 0px;
        bottom: 0px;
        float: right;
        background-color: transparent;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-landscape-U@2x.png');
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: contain;
    }
    
    #rtx-gaming-logos {
		position: relative;
		margin-top: 10px;
		width: 600px;
		height: 100px;
		float: left;
		z-index: 200;
		top: -1290px;
		left: 90px;
		/* background-color: blue;*/
		}

		#rtx-gaming-logo-microsoft-directx {
		position: relative;
		width: 30%;
		height: 100px;
		background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-microsoft-directx-eee.svg');
		background-position: center top;
		background-repeat: no-repeat;
		top: 0px;
		left: 0px;
		display: inline-block;
		}

		#rtx-gaming-logo-unreal-engine {
		position: relative;
		width: 30%;
		height: 100px;
		background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unreal-engine-eee.svg');
		background-position: center top;
		background-repeat: no-repeat;
		top: 0px;
		left: 0px;
		display: inline-block;
		}

		#rtx-gaming-logo-unity {
		position: relative;
		width: 30%;
		height: 100px;
		background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-rtx-gaming-logo-unity-eee.svg');
		background-position: center top;
		background-repeat: no-repeat;
		top: 0px;
		left: 0px;
		display: inline-block;
		}
		
		
    /* #7 - #next-era-computing :: NVIDIA IS POWERING THE NEXT ERA OF COMPUTING :: LANDSCAPE ORIENTATION :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ */
    
    #next-era-computing {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625);
        overflow: hidden;
    }
    
    #next-era-computing .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625);
    }
    
    
    /* #8 - #fastest-supercomputers :: POWERING THE WORLD'S FASTEST SUPERCOMPUTERS */
    
    #fastest-supercomputers {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625);
        top: 0px;
        left: 0px;
        background-color: black;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-fastest-supercomputers-landscape-U.jpg');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        transition: none;
        overflow: hidden;
        z-index: 10;
    }
    
    #fastest-supercomputers .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625);
    }
    
    #fastest-supercomputers-h1 {
        position: absolute;
        width: calc(100vw - 120px);
        max-width: 800px;
        left: 120px;
        top: 185px;
        color: #76b900;
        /* background-color: green; */
        z-index: 100;
    }
    
    #fastest-supercomputers-textcontainer {
        position: relative;
        width: 1200px;
        height: 2080px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
        float: left;
    }
    
    #fastest-supercomputers-text {
        position: relative;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #fastest-supercomputers-text p {
        padding-left: 120px;
        padding-right: 120px;
        padding-bottom: 30px;
    }
    
    #fastest-supercomputers-text-p1 {
        padding-top: 346px;
    }
    
    .fastest-supercomputers-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 1920px;
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
        shape-outside: polygon(1160px 0, 100% 0, 100% 100%, 50px 100%);
        shape-margin: 30px;
        clip-path: polygon(1160px 0, 100% 0, 100% 100%, 50px 100%);
        -webkit-clip-path: polygon(1160px 0, 100% 0, 100% 100%, 50px 100%);
        background-color: transparent;
    }
    
    .mini-logo-container {
        padding: 0;
        padding-top: 15px;
        padding-left: 120px;
    }
    
    .mini-logo-inline {
        margin-right: 30px;
        margin-bottom: 20px;
    }
    
    #fastest-supercomputers-logo-1 {
        width: 130px;
        height: 54px;
    }
    
    #fastest-supercomputers-logo-2 {
        width: 150px;
        height: 54px;
    }
    
    #fastest-supercomputers-logo-3 {
        width: 130px;
        height: 54px;
    }
    
    #fastest-supercomputers-logo-4 {
        width: 108px;
        height: 54px;
    }
    
    #fastest-supercomputers-logo-5 {
        width: 164px;
        height: 54px;
    }
    
    
    /* #9 - #ai-training-tool :: WORLD'S MOST POWERFUL AI TRAINING TOOL :: LANDSCAPE ORIENTATION :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ */
    
    #ai-training-tool {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625);
        margin: 0;
        padding: 0;
    }
    
    #ai-training-tool .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: calc(100vw * 0.5625);
    }
    
    #ai-training-tool-h1 {
        position: relative;
        width: 100vw;
        max-width: 720px;
        top: 126px;
        left: 0px;
        margin: 0;
        padding-right: 120px;
        padding-left: 120px;
        color: #76b900;
        z-index: 100;
        /* background-color: green; */
        
    }
    
    #ai-training-tool-textcontainer {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 720px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
        float: left;
    }
    
    #ai-training-tool-text {
        position: relative;
        width: 100vw;
        max-width: 680px;
        height: 1440px;
        top: 0px;
        left: 0px;
        font-family: NVIDIA;
        font-size: 21px;
        line-height: 1.5em;
        float: left;
    }
    
    #ai-training-tool-text p {
        max-width: 720px;
        padding-right: 120px;
        padding-left: 120px;
        margin-bottom: 30px;
    }
    
    #ai-training-tool-text-p1 {
        padding-top: 170px;
    }
    
    .ai-features {
        position: absolute;
        width: 50vw;
        min-width: 1280px;
        top: 120px;
        right: 0px;
        margin: 0;
        margin-right: 60px;
        z-index: 100;
        float: right;
        /*background: blue;*/
    }
    
    .ai-feature {
        width: 16.45vw;
        max-width: none;
        /* max-width: 237px; */
        min-height: 100px;
        text-align: center;
        margin: 0;
        margin-bottom: 30px;
        padding: 0;
        border: none;
        display: inline-block;
        /*background: green;*/
    }
    
    .ai-feature-label {
        position: relative;
        font-size: 18px;
        text-align: center;
        vertical-align: text-top;
        bottom: 0px;
    }
    
    .ai-feature-value {
        position: relative;
        font-size: 36px;
        text-align: center;
        vertical-align: text-top;
        top: 10px;
    }
    
    #ai-training-tool-fg-video {
        position: absolute;
        width: 50vw;
        max-width: none;
        height: calc(50vw * 0.5625);
        top: 380px;
        right: 0px;
        margin: 60px;
        background-color: transparent;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/videos/dgx-2-exploded-view-0-U.jpg);
        background-position: center;
        background-size: cover;
    }
    
    
    /* #10 - #ai-inference-hyperscale :: POWERING AI INFERENCE FOR HYPERSCALE :: LANDSCAPE ORIENTATION :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ */
    
    #ai-inference-hyperscale {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 650px;
        top: 0;
        left: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        overflow: hidden;
    }
    
    #ai-inference-hyperscale .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        /*min-height: calc(100vw * 0.5625);*/
        min-height: 650px;
    }
    
    #ai-inference-hyperscale-h1 {
        position: absolute;
        width: 100vw;
        max-width: 980px;
        top: 120px;
        left: 0px;
        color: #76b900;
        z-index: 100;
        padding-right: 120px;
        padding-left: 120px;
    }
    
    #ai-inference-hyperscale-textcontainer {
        position: absolute;
        width: 1020px;
        height: 1770px;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/right-triangle-30-60-90-trans.svg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    #ai-inference-hyperscale-text {
        position: relative;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        float: left;
    }
    
    #ai-inference-hyperscale-text p {
        padding-right: 120px;
        padding-left: 120px;
        margin-bottom: 30px;
    }
    
    #ai-inference-hyperscale-text-p1 {
        padding-top: 280px;
    }
    
    .ai-inference-hyperscale-textshape {
        position: relative;
        float: right;
        width: 100vw;
        height: 1440px;
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
        shape-outside: polygon(1020px 0, 100% 0, 100% 100%, 190px 100%);
        shape-margin: 60px;
        clip-path: polygon(1020px 0, 100% 0, 100% 100%, 190px 100%);
        -webkit-clip-path: polygon(1020px 0, 100% 0, 100% 100%, 190px 100%);
        background-color: transparent;
        /*background-color: orange;*/
        /*opacity: 0.5;*/
    }
    
    #ai-inference-hyperscale-fg-image {
        position: absolute;
        width: 489px;
        height: 660px;
        top: auto;
        right: 0px;
        bottom: 0px;
        float: right;
        background-color: transparent;
        background-image: url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-fg-ai-inference-hyperscale-landscape-U.png');
    }
    
    
    /* #11 - #autonomous-revolution :: AUTONOMOUS MACHINES ARE REVOLUTIONIZING INDUSTRIES ::  LANDSCAPE ORIENTATION :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ */
    
    #autonomous-revolution {
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 870px;
        overflow: hidden;
    }
    
    #autonomous-revolution .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 870px;
    }
    
    
    /* #12 - #drive-autonomous-vehicles :: JETSON AGX AND ISAAC DELIVER AI TO ROBOTICS AND IOT INDUSTRY :: LANDSCAPE ORIENTATION :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ */
    
    #drive-autonomous-vehicles {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
        top: 0px;
        left: 0px;
        /*background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-D.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-D.jpg');
        background: linear-gradient(145deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-drive-autonomous-vehicles-landscape-D.jpg');*/
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: cover;
        background-attachment: fixed;
        overflow: hidden;
    }
    
    #drive-autonomous-vehicles .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 480px;
    }
    
    
    /* #13 - #nvidia-culture :: NVIDIA CULTURE :: LANDSCAPE ORIENTATION :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ */
    
    #nvidia-culture {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 960px;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }
    
    #nvidia-culture .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 960px;
    }
    
    
    /* #14 - #jetson-nano-family :: JETSON AGX AND ISAAC DELIVER AI TO ROBOTICS AND IOT INDUSTRY :: LANDSCAPE ORIENTATION :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ */
    
    #jetson-nano-family {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        /*min-height: calc(100vw * 0.5625);*/
        min-height: 730px;
        top: 0px;
        left: 0px;
        background: -moz-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-landscape-D.jpg');
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-landscape-D.jpg');
        background: linear-gradient(145deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, transparent 50%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-jetson-nano-family-landscape-D.jpg');
        background-repeat: no-repeat;
        background-position: center right;
        background-size: cover;
        background-attachment: fixed;
    }
    
    #jetson-nano-family .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        /*min-height: calc(100vw * 0.5625);*/
        min-height: 730px;
    }
    
    #jetson-nano-family-h1 {
        position: relative;
        width: 100%;
        max-width: 960px;
        left: 0px;
        top: 106px;
        color: #76b900;
        z-index: 100;
        padding: 120px;
        padding-top: 60px;
        padding-bottom: 0px;
        /* background: brown; */
    }
    
    
    /* #15 - #nvidia-summary :: NVIDIA SUMMARY :: LANDSCAPE ORIENTATION :: ULTRA-WIDE DESKTOP BREAKPOINT 2560+ */
    
    #nvidia-summary {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 960px;
        background: #ccc url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/nv-bg-nvidia-summary-landscape-D@2x.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        float: left;
        z-index: 150;
        overflow: hidden;
    }
    
    #nvidia-summary .slide-clip {
        height: 100vh;
        height: calc(var(--vh));
        min-height: 960px;
    }
    
    #nvidia-summary-textcontainer {
        position: absolute;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vh));
        min-height: 960px;
        top: 0px;
        left: 0px;
        border: none;
        margin: 0 auto;
        padding: 0;
        background-color: #cfcfcf;
        background-image: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/isometric-graphics-motif.png);
        background: -moz-linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/isometric-graphics-motif.png');
        background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/isometric-graphics-motif.png');
        background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%), url('/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/brochure/isometric-graphics-motif.png');
        background-position: center;
        background-repeat: repeat;
        background-attachment: fixed;
        /*background-size: contain;*/
        clip-path: polygon(70% 0, 100% 0, 100% 100%, 0% 100%, 35% 100%);
        -webkit-clip-path: polygon(70% 0, 100% 0, 100% 100%, 0% 100%, 35% 100%);
        float: left;
    }
    
    #nvidia-summary-logo {
        position: absolute;
        width: 50vw;
        height: 75px;
        top: 160px;
        right: 0px;
        background: url(/content/dam/en-zz/Solutions/about-nvidia/nvidia-brochure/images/nvidia-logo-black.svg) no-repeat;
        background-size: contain;
        background-position: center;
        float: left;
        display: block;
    }
    
    #nvidia-summary-quotes {
        position: absolute;
        width: 35vw;
        top: 380px;
        right: 0px;
        margin: 0;
        padding: 0;
        float: right;
    }
    
    .nvidia-summary-quote {
        width: 50%;
        height: 140px;
        margin: 0 auto;
        float: left;
        display: inline-block;
    }
    
    .nvidia-summary-quotation {
        font-family: NVIDIA;
        font-size: 32px;
        line-height: 1em;
        /*display: inline-block;*/
        color: #000;
        width: 100%;
        font-weight: 600;
    }
    
    .nv-quotation-mark {
        font-family: NVIDIA;
        font-size: 42px !important;
        line-height: 0.75em;
        display: inline-block;
        color: #76b900 !important;
        vertical-align: text-top;
        font-weight: 600;
     }
    
    .nvidia-summary-attribution {
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1em;
        display: block;
        color: #76b900;
        margin-top: 0px;
        margin-left: 0px;
        white-space: nowrap;
        font-weight: 600;
    }
     
    #nvidia-summary-footer {
        position: absolute;
        width: 50vw;
        right: 2vw;
        bottom: 60px;
        font-family: NVIDIA;
        font-size: 24px;
        line-height: 1em;
        display: inline-block;
        color: #000;
        text-align: center;
        /*background: blue;*/
    }
    
}



/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* BROCHURE: ALL ORIENTATIONS :: ALL BREAKPOINTS                                                                                                                           */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



/* -----------------------------------------------------------------------------*/

/* BROCHURE: PORTRAIT ORIENTATION :: ALL ASPECT RATIOS :: ALL BREAKPOINTS       */

/* -----------------------------------------------------------------------------*/

@media all and (orientation: portrait) {
    
    .landscape-only {
        display: none;
    }
    
    #toc.activated {
        width: 150px;
        transition: all 0.5s ease-in-out;
    }
    
    #toc li {
        width: 112px;
        height: 200px;
    }
}



/* -----------------------------------------------------------------------------*/

/* BROCHURE: LANDSCAPE ORIENTATION :: ALL ASPECT RATIOS :: ALL BREAKPOINTS      */

/* -----------------------------------------------------------------------------*/

@media all and (orientation: landscape) {
    
    .portrait-only {
        display: none;
    }
    
    #toc.activated {
        width: 240px;
        transition: all 0.5s ease-in-out;
    }
    
    #toc li {
        width: 200px;
        height: 113px;
    }
}




/* -----------------------------------------------------------------------------*/

/* BROCHURE: ALL ORIENTATIONS :: ALL ASPECT RATIOS :: NO WATCH BREAKPOINTS      */

/* -----------------------------------------------------------------------------*/

@media all and (max-width: 319px)  {
    
    /*.fixed-header {
        display: none;
    }*/
    
    html, body {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    
    .navigation {
        display: none;
    }
    
    .fixed-header {
        background-color: transparent;
    }
    
    #toc {
        display: none;
    }
    
    #lightbox-cover {
        display: none;
    }
    
    #pinned-headline {
        display: none;
    }
    
    .slide-container {
        display: none;
    }
    
    .fullscreenVideoContainer {
        display: none;
    }
    
    .slide-container:first-child {
        display: block;
    }
    
}





/* -----------------------------------------------------------------------------*/
/* BROCHURE: TEMPORARY OVERRIDES FOR USE DURING ACTIVE DEVELOPMENT ONLY         */
/* -----------------------------------------------------------------------------*/

/*.global-header {
    background-color: rgba(255, 255, 255, 0.3) !important;
}*/

/* PUT A BORDER AROUND EVERY SLIDE CONTAINER TO SEE BOUNDARY */
/*.slide-container {
    border: 1px solid #111;
}*/