body {
                    font-family: 'quatro', 'Source Sans Pro', Arial, Helvetica, sans-serif;
                }
                
                html,
                body {
                    margin: 0;
                    height: 100%;
                }
                
                .dk-blue {
                    /* color: #007db8; */
                    color: #38B5D1;
                }
                
                .dk-blue-bg {
                    background-color: #203376;
                }
                
                .lt-blue {
                    /* color: #3dc6ef; */
                    color: #00aeef;
                }
                
                .lt-blue-bg {
                    /* background-color: #3dc6ef; */
                    background-color: #38B5D1;
                }
                
                .dk-yellow {
                    /* color: #ffd220; */
                    color: #ffcc4e;
                }
                
                .dk-yellow-bg {
                    /* background-color: #ffd220; */
                    background-color: #ffcc4e;
                }
                
                .dk-orange-bg {
                    background-color: #f6931D;
                }
                
                .green {
                    color: #72bf44;
                }
                
                .green-bg {
                    background-color: #72bf44;
                }
                
                .dk-green {
                    color: #55aa1f;
                }
                
                .dk-green-bg {
                    background-color: #55aa1f;
                }
                
                .red {
                    color: #ee3d3d;
                }
                
                .cobalt-bg {
                    background-color: #121743;
                }
                
                .white {
                    color: #ffffff;
                }
                
                .white-bg {
                    background-color: #ffffff;
                }
                
                .lt-gray {
                    color: #eeeeee;
                }
                
                .lt-gray-bg {
                    background-color: #eeeeee;
                }
                
                .gray {
                    color: #aaaaaa;
                }
                
                .gray-bg {
                    background-color: #aaaaaa;
                }
                
                .dk-gray {
                    color: #808080;
                }
                
                .dk-gray-bg {
                    background-color: #808080;
                }
                
                .charcoal {
                    color: #444444 !important;
                }
                
                .charcoal-bg {
                    background-color: #444444;
                }
                
                .orange {
                    color: #F9B641;
                }
                
                .text-shadow {
                    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
                }
                
                .box-shadow {
                    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
                }
                
                .display-none {
                    display: none;
                }
                
                .left-align {
                    text-align: left;
                }
                
                .margin-center {
                    margin: 0 auto;
                }
                
                .sup {
                    vertical-align: top;
                    font-size: 0.6em;
                }
                
                .top-margin-30 {
                    margin-top: 30px;
                }
                
                .width-60 {
                    width: 60%;
                }
                
                .underline {
                    text-decoration: underline;
                }
                
                #cboxTitle {
                    color: white;
                }
                
                h1 {
                    margin: 0px;
                    color: #fff;
                    /*    font-size: 80px;*/
                    font-weight: 700;
                    font-size: 60px;
                }
                
                h2 {
                    margin: 0px;
                    color: #fff;
                    font-size: 46px;
                }
                
                h3 {
                    margin: 0px;
                    color: #444;
                    font-weight: 500;
                    font-size: 35px;
                }
                
                h4 {
                    margin: 0px;
                    color: #fff;
                    font-size: 20px;
                }
                
                h5 {
                    margin: 0px;
                    color: #aaa;
                    font-weight: 600;
                    font-size: 16px;
                }
                
                p {
                    margin: 0px;
                    color: #fff;
                    font-size: 20px;
                }
                
                p strong {
                    font-weight: 600;
                }
                
                .small {
                    font-size: .9em !important;
                }
                
                .position-relative {
                    position: relative;
                }
                
                .position-absolute {
                    position: absolute;
                }
                
                .z-index-2 {
                    z-index: 2;
                }
                
                .z-index-3 {
                    z-index: 3;
                }
                
                .infographic-block .popup {
                    display: none;
                }
                
                .popup {
                    position: absolute;
                    z-index: 3;
                    display: none;
                    padding: 5px 10px 10px 10px;
                    width: 300px;
                    background-color: white;
                    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
                }
                
                .popup p {
                    color: black;
                    word-wrap: break-word;
                    font-size: 20px;
                }
                
                .popup a {
                    color: #00aeef !important;
                    font-size: 20px;
                }
                
                .popup-close {
                    margin-bottom: 0px !important;
                    padding: 10px;
                    padding-top: 0px;
                    width: 100%;
                    color: black !important;
                    text-align: center !important;
                    font-size: 20px !important;
                    cursor: pointer;
                }
                
                .hotspot {
                    cursor: pointer;
                }
                
                #content {
                    display: none;
                    width: 100%;
                }
                
                #loading-screen {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    z-index: 3;
                }
                
                #loading-container {
                    position: absolute;
                    top: 25%;
                    width: 100%;
                    text-align: center;
                }
                
                #loading-bar-container {
                    margin: 0 auto;
                    width: 80%;
                }
                
                #loading-bar {
                    margin: 10px 0px;
                    width: 0px;
                    height: 10px;
                    background-color: white;
                }
                
                #loading-percent {
                    color: white;
                }
                
                .intro-block {
                    /*
width: 50%;
height: 50%;
*/
                    position: relative;
                    /*    height: calc(94% / 3);*/
                    left: 0px !important;
                    display: flex;
                    width: 100%;
                    height: 33%;
                    background-position: center;
                    align-items: center;
                    justify-content: center;
                }
                
                .intro-block-title {
                    text-transform: none;
                    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
                    font-weight: 900;
                    font-size: 3em;
                    line-height: 0.85em;
                }
                
                .intro-block-caption {
                    position: relative;
                    z-index: 1;
                    margin: 0 auto;
                    margin-top: 5px;
                    padding: 5px 20px;
                    max-width: 600px;
                    border-radius: 5px;
                    color: white;
                    /* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); */
                    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
                    font-size: 32px;
                    font-size: 24px;
                    cursor: pointer;
                }
                
                .intro-container {
                    position: relative;
                    z-index: 1;
                    display: flex;
                    width: 100%;
                    height: 83px;
                    align-items: center;
                    justify-content: center;
                }
                
                .mobile-intro-container {
                    position: relative;
                    top: 0px;
                    z-index: 3;
                    display: none;
                    width: 100%;
                }
                
                #mobile-intro-title p {
                    color: black;
                    text-align: center;
                    font-size: 0.9em;
                }
                
                .color-overlay-1 {
                    position: absolute;
                    top: 0px;
                    left: 0%;
                    height: 100%;
                    width: 100%;
                    background-size: cover;
                    background-image: url('../img/intro-cards/intro-1-desktop_new.gif');
                    background-repeat: no-repeat;
                }
                
                .color-overlay-2 {
                    position: absolute;
                    top: 0px;
                    left: 0%;
                    width: 100%;
                    height: 99%;
                    background-size: cover;
                    background-image: url('../img/intro-cards/intro-2-desktop_new.gif');
                    background-repeat: no-repeat;
                }
                
                .color-overlay-3 {
                    position: absolute;
                    top: 0px;
                    left: 0%;
                    width: 100%;
                    height: 100%;
                    background-size: cover;
                    background-image: url('../img/intro-cards/intro-3-desktop_new.gif');
                    background-repeat: no-repeat;
                }
                
                #intro-title {
                    padding: 19px 0px;
                    width: 100%;
                    text-align: center;
                    font-weight: 400;
                    font-size: 32px;
                    align-items: center;
                }
                
                #intro-title p {
                    margin: 0 auto;
                    color: #444;
                }
                
                #intro-top {
                    /*                    background-image: url('../img/intro-cards/intro-1-desktop.png');*/
                    background-size: cover;
                    background-repeat: no-repeat;
                    width: 100%;
                }
                
                #intro-middle {
                    /*                    background-image: url('../img/intro-cards/intro-2-desktop.png');*/
                    background-size: cover;
                    background-repeat: no-repeat;
                }
                
                #intro-bottom {
                    /*                    background-image: url('../img/intro-cards/intro-3-desktop.png');*/
                    background-size: cover;
                    background-repeat: no-repeat;
                }
                
                .intro-block-title {
                    position: relative;
                    z-index: 2;
                    cursor: pointer;
                }
                
                #intro-scroll-arrow {
                    position: absolute;
                    right: 0px;
                    bottom: -28px;
                    left: 0px;
                    z-index: 2;
                    margin: 0 auto;
                    cursor: pointer;
                }
                
                #section-3 h1,
                #section-5 h1,
                #section-6 h1 {
                    position: relative;
                    margin: 0;
                    color: white;
                    text-align: left;
                    font-size: 36px;
                }
                
                #section-2 h1 {
                    color: #444;
                    font-size: 46px;
                    text-align: center;
                    z-index: 0;
                }
                
                #section-2-header-text {
                    margin-top: 30px;
                    width: 60%;
                    color: white!important;
                }
                /*
h1:before {
content: '?';
display: block;
position: absolute;
bottom: 50px;
left: 50%;
text-align: center;
width: 100px;
margin-left: -50px;
color: #ff466a;
font-size: 30px;
}
*/
                
                .circle {
                    position: absolute;
                    width: 100px;
                    height: 100px;
                    border-radius: 50%;
                }
                
                #circle-1 {
                    position: absolute;
                    right: 40%;
                    background-color: black;
                }
                
                #circle-2 {
                    position: absolute;
                    left: 40%;
                    background-color: red;
                }
                
                #circle-3 {
                    position: absolute;
                    top: 20%;
                    right: 0px;
                    left: 0px;
                    margin: 0 auto;
                    background-color: green;
                }
                
                #circle-4 {
                    position: absolute;
                    right: 0px;
                    bottom: 40%;
                    left: 0px;
                    margin: 0 auto;
                    background-color: blue;
                }
                
                .text-1 {
                    position: relative;
                    margin: 30px 5px;
                    color: white;
                    font-size: 24px;
                }
                
                .full-height {
                    min-height: 100%;
                }
                
                section {
                    position: relative;
                    width: 100%;
                    text-align: center;
                }
                /* Center aligned first section */
                
                section .inner {
                    margin: 0 auto;
                }
                /* Content of the following sections aligned next to the iphone */
                
                section .innerText {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    text-align: left;
                    transform: translate(-100px, -50%);
                }
                /* iPhone/Card positioned to the left - this is a default position */
                
                .iphone {
                    position: fixed;
                    top: 50%;
                    left: 50%;
                    width: 290px;
                    height: 600px;
                    border-radius: 10px;
                    background-color: #3757D0;
                    background-image: -webkit-radial-gradient(#81bcff, #5d7fce);
                    background-image: radial-gradient(#81bcff, #5d7fce);
                    transform: translate(-150%, -50%);
                }
                /* Centered content of the ScrollMagic card */
                
                .iphone p {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin: 0;
                    color: rgba(255, 255, 255, 0.9);
                    font-size: 140px;
                    transform: translate(-50%, -50%);
                }
                /* Letters hidden by default */
                
                .iphone p.screenA,
                .iphone p.screenB,
                .iphone p.screenC {
                    visibility: hidden;
                    opacity: 0;
                }
                /* ScrollMagic hat on top of letters */
                
                .iphone p.screenHat {
                    z-index: 2;
                }
                
                .iphone p.screenHat img {
                    max-width: 130px;
                }
                /* Bullet list */
                
                .features {
                    margin: 0;
                    padding: 0;
                    color: rgba(0, 0, 0, 0.6);
                    list-style: none;
                }
                
                .features li {
                    position: relative;
                    padding-left: 17px;
                }
                /* A heart instead of a bullet */
                
                .features li:before {
                    position: absolute;
                    top: 5px;
                    left: 0;
                    display: block;
                    color: #ff466a;
                    content: '?';
                    font-size: 11px;
                }
                
                .float-left {
                    float: left;
                }
                
                .float-right {
                    float: right;
                }
                
                #nav-bar {
                    position: fixed;
                    top: 37%;
                    left: 0px;
                    z-index: 3;
                    /*                display: none;*/
                    width: 30px;
                    opacity: 100%;
                    cursor: pointer;
                }
                
                #nav-bar-title {
                    margin: 3px;
                    margin-bottom: 8px;
                    font-size: 10px;
                }
                
                #nav-bar-close {
                    /*                display: none;*/
                    margin: 3px;
                    margin-top: 8px;
                    text-align: right;
                    font-size: 15px;
                }
                
                #mobile-nav-bar-close {
                    margin-top: 8px;
                }
                
                #nav-square-home {
                    display: none;
                }
                
                #nav-squares {
                    border: Solid 1px white;
                    border-left: 0px;
                }
                
                .nav-square {
                    width: 100%;
                    height: 30px;
                    /* opacity: 0.8; */
                }
                
                .nav-caption {
                    display: none;
                    width: 100%;
                    height: 100%;
                }
                
                .nav-caption span,
                .mobile-nav-caption a {
                    margin: 5px;
                    color: white;
                    font-size: 15px !important;
                }
                
                .mobile-nav-caption a {
                    margin-left: 0px !important;
                }
                
                #mobile-nav-bar div,
                #mobile-nav-bar p {
                    display: none;
                }
                /*
                #mobilenav-square-6 {
                    padding-bottom: 20px;
                }
*/
                
                .mobile-nav-caption .float-right {
                    padding-right: 10px;
                }
                
                #section-1 {
                    z-index: 1;
                    min-height: 100%;
                    width: 100%;
                    overflow: hidden;
                }
                
                #textbox-1-1 {
                    z-index: 2;
                    max-width: 700px;
                    width: 70%;
                    margin: 25px auto;
                }
                
                #do-more-interaction {
                    position: relative;
                    width: 50%;
                    margin: auto;
                    margin-top: 25px;
                }
                
                #machine-img img {
                    /*width: 100%;*/
                }
                
                #ssd-img {
                    position: relative;
                    width: 100%;
                }
                
                #ssd-img img {
                    width: 100%;
                }
                
                #click-arrow {
                    position: absolute;
                    top: 0%;
                    right: 0px;
                    left: 0px;
                    margin: 0px auto;
                    width: 100%;
                    /*
height: 45%;
width: 15%;
*/
                    height: 100%;
                }
                
                #click-arrow-ssd {
                    position: absolute;
                    top: 0%;
                    right: 0px;
                    left: 0px;
                    margin: 0px auto;
                    width: 100%;
                    /*
height: 30%;
width: 20%;
top: 50%;
left: 35%;
margin: 0px;
*/
                    height: 100%;
                    cursor: pointer;
                }
                
                #click-arrow-typewriter {
                    position: absolute;
                    top: 8%;
                    right: 0px;
                    left: 5%;
                    display: none;
                    width: 100%;
                    height: 100%;
                    cursor: pointer;
                }
                
                #infographic-1 {
                    margin: 0 auto;
                    padding-top: 30px;
                    max-width: 1000px;
                    width: 90%;
                    text-align: left;
                }
                
                .infographic-container {
                    position: absolute;
                    top: 90%;
                    top: 100%;
                    z-index: 2;
                    width: 100%;
                }
                /*
#infographic-1 img{
width: 80%;
}
*/
                
                #infographic-header-left {
                    display: inline-block;
                    width: 20%;
                    vertical-align: top;
                    text-align: center;
                }
                
                #infographic-header-right {
                    display: inline-block;
                    width: 80%;
                    vertical-align: top;
                    text-align: left;
                }
                
                #infographic-header-left img {
                    padding-top: 15px;
                }
                
                #infographic-header-right h2 {
                    margin-bottom: 0.5em;
                    font-size: 36px;
                    line-height: 1.2em;
                }
                
                .infographic-block p,
                .infographic-block img,
                .infographic-block div,
                .infographic-block img {
                    display: inline-block;
                }
                
                .infographic-block {
                    position: relative;
                    margin: 30px 0px;
                    padding: 30px 0px;
                    min-height: 50px;
                }
                
                #infographic-block-3 {
                    background-image: url(../img/FPO_speed-gradient-bg.png);
                    /*
display: flex;
align-items: center;
justify-content: center;
*/
                    background-position: center;
                }
                
                #infographic-block-3 img {
                    position: absolute;
                    top: 50%;
                    right: 0px;
                    left: 0px;
                    margin: 0 auto;
                    max-width: 401px;
                    width: 100%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                    /*
left: calc(50%-50px);
*/
                }
                
                #textbox-1-2,
                #textbox-1-3 {
                    width: 30%;
                    vertical-align: top;
                }
                
                #textbox-1-2 p,
                #textbox-1-3 p {
                    width: 70%;
                    text-align: left;
                }
                
                #two {
                    min-height: 100%;
                    width: 100%;
                    background-color: #0085C3;
                }
                
                #infographic-caption {
                    margin: 60px auto;
                    max-width: 1000px;
                    /*
position: absolute;
left: 0px;
right: 0px;
display: none;
*/
                    width: 80%;
                    text-align: center;
                }
                
                #infographic-caption p,
                #infographic-caption img {
                    margin: 40px auto;
                }
                
                .infographic-block-img-left {
                    width: 20%;
                    text-align: center;
                }
                
                .infographic-block-img-left img {
                    max-width: 133px;
                    width: 100%;
                }
                
                .infographic-block-img-right {
                    width: 50%;
                }
                
                .infographic-block-img-right img {
                    width: 95%;
                }
                
                #get-the-facts {
                    margin: 0 auto;
                    margin-top: 5px;
                    padding: 10px 10px;
                    width: 200px;
                    border-radius: 5px;
                    color: white;
                    /* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); */
                    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
                    cursor: pointer;
                }
                
                #tco-calc {
                    margin: 20px auto !important;
                    margin-top: 5px;
                    margin-left: auto !important;
                    padding: 5px 10px;
                    max-width: 200px;
                    width: 100% !important;
                    border-radius: 5px;
                    color: white;
                    /* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); */
                    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
                    cursor: pointer;
                }
                
                #section-2 {
                    /* overflow: hidden; */
                    min-height: 100%;
                    width: 100%;
                    padding-bottom: 175px;
                }
                
                #section-2 p {
                    position: relative;
                    z-index: 2;
                    color: #444;
                    text-align: left;
                }
                
                #section-2-header {
                    position: relative;
                    top: 0px;
                    right: 0px;
                    left: 0px;
                    /*                    margin: 2% auto;*/
                    color: white !important;
                }
                
                .text-center {
                    text-align: center;
                }
                
                .bold {
                    font-weight: bold;
                }
                
                #section-1 h1,
                #section-2-title {
                    position: relative;
                    z-index: 1;
                    padding-top: 25px;
                    text-align: center;
                    color: white !important;
                    margin-bottom: 25px;
                }
                
                .margin-10 {
                    margin: 10px;
                }
                
                #video-container {
                    position: relative;
                    margin: 0px auto 20px auto;
                    overflow: hidden;
                    height: 360px;
                }
                
                #video-container img {}
                
                #video-play-button {
                    position: absolute;
                    top: 20%;
                    right: 0px;
                    left: 0px;
                    display: block;
                    margin: 0 auto;
                    width: 27%;
                    height: 42%;
                    outline: none;
                    cursor: pointer;
                    text-align: center;
                }
                
                #click-play {
                    position: absolute !important;
                    right: 0px;
                    bottom: 10%;
                    left: 0px;
                    margin: 0 auto;
                    color: white !important;
                    font-size: 18px;
                }
                
                #section-2-video video {
                    width: 100%;
                }
                
                #section-2-parallax-container {
                    position: relative;
                }
                
                #how-fast {
                    position: relative;
                    z-index: 1;
                    margin: 40px 0px;
                    font-size: 30px;
                }
                
                .yellow-lines {
                    position: absolute;
                    right: -100%;
                    overflow: hidden;
                    width: 200%;
                }
                
                .sm-yellow-line .line {
                    display: inline-block;
                    margin-left: 15%;
                    width: 20px;
                    height: 2px;
                    background-color: #6BD9F2;
                }
                
                .md-yellow-line .line {
                    display: inline-block;
                    margin-left: 13%;
                    width: 30px;
                    height: 2px;
                    background-color: #6BD9F2;
                }
                
                .lg-yellow-line .line {
                    display: inline-block;
                    margin-left: 10%;
                    width: 60px;
                    height: 2px;
                    background-color: #6BD9F2;
                }
                
                #line-1 {
                    top: 0px;
                }
                
                #line-2 {
                    top: 20px;
                }
                
                #line-3 {
                    top: 50px;
                }
                
                #line-4 {
                    top: 150px;
                }
                
                #line-5 {
                    top: 170px;
                }
                
                #line-6 {
                    top: 200px;
                }
                
                #line-7 {
                    top: 300px;
                }
                
                #line-8 {
                    top: 320px;
                }
                
                #line-9 {
                    top: 350px;
                }
                
                #line-10 {
                    top: 450px;
                }
                
                #line-11 {
                    top: 470px;
                }
                
                #line-12 {
                    top: 500px;
                }
                
                #line-13 {
                    top: 600px;
                }
                
                #line-14 {
                    top: 620px;
                }
                
                #line-15 {
                    top: 650px;
                }
                
                #line-16 {
                    top: 750px;
                }
                
                #line-17 {
                    top: 770px;
                }
                
                #line-18 {
                    top: 800px;
                }
                
                .half-screen {
                    position: relative;
                    display: inline-block;
                    min-height: 400px;
                    width: 50%;
                    vertical-align: top;
                }
                
                .white-box {
                    position: absolute;
                    padding: 20px;
                    padding-bottom: 80px;
                    max-width: 300px;
                    width: 60%;
                    background-color: white;
                }
                
                .white-box p {
                    text-align: left;
                }
                
                #white-box-1 {
                    top: 0px;
                    right: 50px;
                }
                
                #white-box-2 {
                    top: 0px;
                    left: 50px;
                }
                
                .blue-oval {
                    position: absolute;
                    right: 0px;
                    bottom: 0px;
                    left: 0px;
                    margin: 0 auto;
                    padding: 5px 0;
                    width: 80%;
                    border-radius: 40px;
                    background-color: #007db8;
                }
                
                .blue-oval h5 {
                    font-size: 20px;
                }
                
                .blue-oval p {
                    font-size: 16px;
                }
                
                .blue-oval p,
                .blue-oval h5 {
                    margin: 0 auto;
                    max-width: 80%;
                    color: white !important;
                    text-align: center;
                }
                
                .yellow-box {
                    margin: 60px auto;
                    min-height: 400px;
                    max-width: 1000px;
                    width: 80%;
                    /* padding: 20px 0px 40px 0px; */
                    background-color: rgba(250, 250, 210, 0.3);
                }
                
                .yellow-box-title {
                    position: relative;
                    z-index: 1;
                    margin: 0 auto;
                    padding: 20px 40px 0px 40px;
                    font-weight: 500;
                    font-size: 28px;
                }
                
                .blue-circle {
                    /* border: solid 2px #007db8;
background-color: white; */
                    position: relative;
                    margin: 40px auto 0px auto;
                    width: 200px;
                    height: 200px;
                    border-radius: 50%;
                }
                
                .blue-circle-caption {
                    margin: 10px auto;
                    text-align: center;
                    font-size: 16px !important;
                }
                
                .blue-circle img {
                    width: 100%;
                }
                
                .yellow-box-slide {
                    display: none;
                }
                
                .active-slide {
                    display: block;
                }
                
                .yellow-box-progress {
                    position: absolute;
                    right: 0px;
                    bottom: -20px;
                    left: 0px;
                    margin: 0 auto;
                    max-width: 812.5px;
                    width: 65%;
                    border-bottom: 2px dashed white;
                }
                
                .white-circle {
                    position: absolute;
                    bottom: -6px;
                    width: 10px;
                    height: 10px;
                    border-radius: 50%;
                    background-color: white;
                    cursor: pointer;
                }
                
                #white-circle-1 {
                    left: 0%;
                }
                
                #white-circle-2 {
                    left: 14.3%;
                }
                
                #white-circle-3 {
                    left: 28.6%;
                }
                
                #white-circle-4 {
                    left: 42.9%;
                }
                
                #white-circle-5 {
                    left: 57.1%;
                }
                
                #white-circle-6 {
                    left: 71.4%;
                }
                
                #white-circle-7 {
                    left: 85.7%;
                }
                
                #white-circle-8 {
                    left: 100%;
                }
                
                #yellow-box-draggable {
                    position: absolute;
                    bottom: -31px;
                    left: -59px;
                    z-index: 2;
                    cursor: move;
                }
                
                #section-3 {
                    position: relative;
                }
                
                #section-3 .large-gif {
                    /* padding-bottom: 200px; */
                }
                
                .large-gif img {
                    width: 100%;
                }
                
                #textbox-3-1 {
                    position: absolute;
                    top: 5%;
                    left: 5%;
                    z-index: 1;
                    max-width: 400px;
                    text-align: left;
                }
                
                #storage-drives {
                    position: absolute;
                    top: 100%;
                    right: 0px;
                    left: 0px;
                    margin: 0 auto;
                }
                
                #section-3 h3 {
                    margin: 10px auto;
                    width: 60%;
                    color: white;
                }
                
                #envelope h3 {
                    margin: 30px auto;
                }
                
                .paper {
                    position: relative;
                    margin: 120px auto 40px auto;
                    min-height: 600px;
                    max-width: 800px;
                    width: 70%;
                    background-color: white;
                }
                
                .paper-tabs {
                    position: absolute;
                    top: -90px;
                    right: 0px;
                    left: 0px;
                    margin: 0 auto;
                    width: 100% !important;
                    cursor: pointer;
                }
                
                .paper-tab {
                    width: 100%;
                }
                
                .paper-tab-div {
                    position: relative;
                    display: inline-block;
                    overflow: hidden;
                    max-width: 136px;
                    width: 30%;
                }
                
                .paper-tab-sequence {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    display: none;
                    /* background-color: rgba(0, 174, 239, 0.6); */
                    width: 100%;
                }
                
                .paper-tab-background {
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: none;
                    width: 100%;
                    height: 100%;
                    background-color: rgba(0, 174, 239, 0.6);
                    opacity: 0;
                }
                
                #paper-tab-1 {
                    /* max-width: 151px; */
                }
                
                #paper-tab-2 {
                    padding-bottom: 5px;
                }
                
                #paper-tab-3 {
                    padding-bottom: 5px;
                }
                
                #paper-content-2,
                #paper-content-3 {
                    display: none;
                }
                
                #sup-option-pro-con-2 {
                    display: none;
                }
                
                .drive-sub-option {
                    cursor: pointer;
                }
                
                .selected-sub-option {
                    color: #aaaaaa !important;
                    text-decoration: none !important;
                }
                
                .paper-content-title {
                    margin-bottom: 10px;
                    padding-top: 80px;
                }
                
                .paper-top-links span {
                    margin: 0 10px;
                    color: #72bf44;
                    text-decoration: underline;
                }
                
                .paper-left {
                    display: inline-block;
                    margin: 60px 5% 20px 15%;
                    max-width: 300px;
                    width: 30%;
                    vertical-align: top;
                }
                
                .paper-right {
                    display: inline-block;
                    margin: 60px 15% 20px 5%;
                    max-width: 300px;
                    width: 30%;
                    vertical-align: top;
                }
                
                .paper-left p,
                .paper-right p {
                    margin-top: 10px;
                    font-size: 20px;
                }
                
                .envelope-block-left {
                    position: absolute;
                    top: -60px;
                    left: 0%;
                    z-index: 1;
                    width: 15%;
                    height: 60px;
                }
                
                .envelope-triangle-left {
                    position: absolute;
                    top: -60px;
                    left: 15%;
                    z-index: 1;
                    width: 35%;
                    height: 60px;
                    background: linear-gradient(to right top, #55aa1f 50%, transparent 50%);
                }
                
                .envelope-triangle-right {
                    position: absolute;
                    top: -60px;
                    left: 50%;
                    z-index: 1;
                    width: 35%;
                    height: 60px;
                    background: linear-gradient(to left top, #55aa1f 50%, transparent 50%);
                }
                
                .envelope-block-right {
                    position: absolute;
                    top: -60px;
                    left: 85%;
                    z-index: 1;
                    width: 15%;
                    height: 60px;
                }
                
                #envelope {
                    position: relative;
                    padding: 10px 0px 210px 0px;
                }
                
                .envelope-left {
                    display: inline-block;
                    margin-left: 5%;
                    width: 40%;
                    vertical-align: top;
                }
                
                .envelope-right {
                    display: inline-block;
                    margin: 0 5%;
                    width: 40%;
                    vertical-align: top;
                }
                
                .video-container img {
                    width: auto;
                }
                
                .envelope-right img {
                    margin: 0px auto 40px auto;
                    width: 100%;
                    cursor: pointer;
                }
                
                .envelope-left p,
                .envelope-right p {
                    margin-bottom: 20px;
                    text-align: left;
                }
                
                .yellow-circle {
                    position: absolute;
                    right: 0px;
                    bottom: 0px;
                    left: 0px;
                    z-index: 1;
                    margin: 30px auto 0px auto;
                    width: 330px;
                    height: 170px;
                    /* border-radius: 50%; */
                    border-top-left-radius: 500px;
                    border-top-right-radius: 500px;
                }
                
                .lt-blue-circle {
                    margin: 35px auto 5px auto;
                    width: 40px;
                    height: 40px;
                    border: solid 1px #00aeef;
                    border-radius: 50%;
                }
                
                .yellow-circle h4 {
                    margin: 0px;
                    margin-top: 40px;
                    margin-bottom: 10px;
                    color: white;
                    font-size: 24px;
                }
                
                .yellow-circle p {
                    margin: 0 auto;
                    width: 80%;
                    color: white !important;
                    font-size: 1.2em;
                    text-align: center !important;
                }
                
                .yellow-circle .dk-blue-bg {
                    display: inline-block;
                    margin-top: 10px;
                    padding: 0px 20px 3px 20px;
                    width: auto;
                    border-radius: 5px;
                    color: #fff;
                }
                
                #open-quiz {
                    padding: 5px 30px 7px;
                    cursor: pointer;
                    color: white !important;
                }
                
                #section-4 {
                    overflow: hidden;
                    height: 0px;
                }
                
                #drive-the-sale {
                    padding-top: 80px;
                    padding-bottom: 40px;
                }
                
                #scenario {
                    margin: 20px auto;
                    font-size: 12px;
                }
                
                #question {
                    margin: 30px auto;
                    width: 70%;
                    font-size: 30px;
                }
                /*
.answers{
display: flex;
align-items: center;
justify-content: center;
}
*/
                
                .answer {
                    position: relative;
                    display: inline-block;
                    margin: 20px;
                    /*
display: flex;
align-items: center;
justify-content: center;
*/
                    padding: 25px;
                    width: 200px;
                    height: 200px;
                    border-radius: 50%;
                    vertical-align: top;
                    font-size: 36px;
                    cursor: pointer;
                }
                
                .answers img {
                    width: 40px;
                }
                
                .answer span {
                    color: #444;
                }
                
                .answer-text {
                    position: absolute;
                    top: 95px;
                    right: 0px;
                    left: 0px;
                }
                
                .answer-hover {
                    width: 196px;
                    height: 196px;
                    border: solid 2px white;
                }
                
                .answer-hover .answer-text {
                    top: 93px;
                }
                
                .scenario-selected-answer {
                    width: 196px;
                    height: 196px;
                    border: solid 2px white;
                }
                
                .scenario-selected-answer .answer-text {
                    top: 118px;
                }
                
                .scenario-selected-answer .incorrect-answer,
                .scenario-selected-answer .correct-answer {
                    margin-top: 35px;
                }
                
                .scenario-selected-answer span {
                    color: white !important;
                }
                
                .selected-answer {
                    background-color: #183242 !important;
                }
                
                .correct-answer {
                    display: none;
                }
                
                .incorrect-answer {
                    display: none;
                }
                
                #feedback {
                    margin: 20px auto;
                    width: 50%;
                    opacity: 0;
                }
                
                .next {
                    margin: 20px auto;
                    padding: 5px 0 7px;
                    width: 100px;
                    border-radius: 3px;
                    opacity: 0;
                    cursor: pointer;
                }
                
                .drive-the-sale-progress-bar {
                    position: relative;
                    display: inline-block;
                    margin: 0 auto;
                    max-width: 500px;
                    width: 80%;
                    height: 15px;
                    background-color: white;
                }
                
                .drive-the-sale-progress {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 33%;
                    height: 15px;
                }
                
                #drive-the-sale-progress-caption {
                    display: inline-block;
                    margin-left: 10px;
                }
                
                #section-5 {
                    overflow: hidden;
                    padding-bottom: 50px;
                    padding-top: 25px;
                }
                
                #typewriter {
                    position: relative;
                    background-color: #F9B641;
                }
                
                #typewriter-img {
                    width: 100%;
                    max-width: 800px;
                }
                
                #mobile-servers-img {
                    width: 100%;
                    max-width: 600px;
                }
                
                #typewriter-arrow {
                    position: absolute;
                    top: 8%;
                    left: 0%;
                    display: none;
                    cursor: pointer;
                }
                
                #textbox-5-1 {
                    /*                    position: absolute;*/
                    top: 15%;
                    /*                    left: 5%;*/
                    z-index: 1;
                    width: 70%;
                    max-width: 1000px;
                    text-align: center;
                    margin: auto;
                }
                
                #textbox-5-1 h1 {
                    font-size: 36px;
                    text-align: center;
                }
                
                .sponsored {
                    margin-bottom: 15px;
                    font-weight: 300;
                    font-style: italic;
                    font-size: 16px;
                }
                
                #docusign {
                    position: absolute;
                    top: 100%;
                    right: 0px;
                    left: 0px;
                    z-index: 0;
                    margin: 30px auto;
                    /*                    max-width: 1000px;*/
                    /*                    width: 80%;*/
                }
                
                .docusign-topbar {
                    position: relative;
                    height: 75px;
                    text-align: left;
                }
                
                .docusign-topbar .heart-icon {
                    display: inline-block;
                    margin-top: 7.5px;
                    margin-left: 7%;
                    width: 60px;
                }
                
                .docusign-topbar p {
                    position: absolute;
                    top: 10px;
                    display: inline-block;
                    margin-left: 10px;
                    color: #fff;
                    font-size: 42px;
                }
                
                .docusign-left {
                    display: inline-block;
                    padding-bottom: 20px;
                    width: 60%;
                    vertical-align: top;
                    text-align: left;
                }
                
                .docusign-right {
                    /* display: inline-block; */
                    float: right;
                    padding-bottom: 20px;
                    width: 40%;
                    vertical-align: top;
                    text-align: left;
                }
                
                .docusign-left p {
                    /* margin: 40px; */
                    padding: 40px;
                    color: #444;
                }
                
                .docusign-left a {
                    color: #00aeef;
                    font-size: 14px;
                }
                
                .signature p {
                    margin: 0px !important;
                    padding: 0px 40px;
                    font-size: 16px;
                }
                
                .docusign-right h5 {
                    margin: 40px 0px 0px 5%;
                    padding: 20px 0px;
                    color: white;
                    font-size: 16px;
                }
                
                .docusign-right p {
                    margin-left: 5%;
                    padding-bottom: 20px;
                    width: 80%;
                    font-size: 16px;
                }
                
                .benefits {
                    padding-bottom: 20px;
                    width: 80%;
                }
                
                .docusign-bar {
                    position: relative;
                    margin-left: 5%;
                    width: 80%;
                    height: 10px;
                }
                
                .docusign-bar-white {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    height: 10px;
                }
                
                #docusign-bar-1 {
                    width: 0%;
                }
                
                #docusign-bar-1-white {
                    width: 30%;
                }
                
                #docusign-bar-2 {
                    width: 0%;
                }
                
                #docusign-bar-2-white {
                    width: 25%;
                }
                
                #docusign-bar-3 {
                    width: 0%;
                }
                
                #docusign-bar-3-white {
                    width: 20%;
                }
                
                #docusign-bar-4 {
                    width: 25%;
                }
                
                #docusign-bar-5 {
                    width: 21%;
                }
                
                #docusign-bar-6 {
                    width: 84%;
                }
                
                #case-study-2,
                #case-study-3,
                #case-study-4 {
                    display: none;
                }
                
                .docusign-content {
                    height: 85%;
                }
                
                .case-study-prev,
                .case-study-next {
                    cursor: pointer;
                }
                
                #hearts {
                    display: inline-block;
                    padding-left: 20px;
                    text-align: left;
                }
                
                #hearts img {
                    display: inline-block;
                    margin-top: 20px;
                    margin-right: 3px;
                }
                
                .case-study-heart {
                    cursor: pointer;
                }
                
                #docusign-nav {
                    display: inline-block;
                    margin-left: 20%;
                    text-align: left;
                }
                
                #prev,
                #next {
                    display: inline-block;
                    margin-right: 10px;
                    padding: 10px 0px;
                    width: 150px;
                    border-radius: 20px;
                    text-align: center;
                }
                
                #prev p,
                #next p {
                    font-size: 16px;
                }
                
                #docusign-controls {
                    width: 100%;
                    text-align: left;
                }
                /*
.section-6-left{
width: 20%;
display: inline-block;
vertical-align: top;
text-align: right;
margin-top: 100px;
}
.section-6-left img{
margin-right: 30px;
}
*/
                
                #section-6 .section-container {
                    display: inline-block;
                    margin: 0 auto;
                    margin-top: 90px;
                    padding-bottom: 30px;
                    width: 90%;
                    vertical-align: top;
                    text-align: left;
                }
                
                #section-6 p {
                    padding: 20px 20px 0px 20px;
                    color: white;
                    word-wrap: break-word;
                    word-break: break-word;
                    font-size: 18px;
                }
                
                #section-6 h3 {
                    margin-bottom: 40px;
                    color: white;
                }
                
                #section-6 img {
                    display: block;
                    padding: 20px 0px;
                }
                
                .resource-header {
                    font-size: 1em !important;
                }
                
                .section-container {
                    max-width: 1000px;
                    width: 100%;
                }
                
                .resources-container,
                .d-resources-container {
                    display: inline-block;
                    margin: 20px 10px 20px 0px;
                    padding-bottom: 20px;
                    width: 300px;
                    border-radius: 5px;
                    color: white;
                    vertical-align: top;
                }
                
                .resources-column {
                    display: inline-block;
                    vertical-align: top;
                }
                
                .resources-container a {
                    color: #00aeef;
                    font-size: 14px;
                }
                
                .d-resources-container a {
                    color: #00aeef;
                    font-size: 14px;
                }
                /* SVG TEST */
                /*
#svg-bar{
display: none;
}
*/
                
                .cls-1,
                .cls-3,
                .cls-6 {
                    display: none;
                    font-size: 18px;
                    font-family: SourceSansPro-Regular, Source Sans Pro;
                }
                
                .cls-1 {
                    letter-spacing: -0.14em;
                    fill: #73bd44;
                }
                
                .cls-2,
                .cls-3 {
                    letter-spacing: -0.02em;
                }
                
                .cls-3 {
                    fill: #e5e5e6;
                }
                
                .cls-4 {
                    letter-spacing: -0.16em;
                }
                
                .cls-5 {
                    letter-spacing: -0.02em;
                }
                
                .cls-6 {
                    fill: #fff;
                }
                
                .cls-7 {
                    letter-spacing: -0.04em;
                }
                
                .cls-8 {
                    letter-spacing: -0.01em;
                }
                
                .cls-9 {
                    letter-spacing: -0.01em;
                }
                
                .cls-10 {
                    letter-spacing: -0.01em;
                }
                
                .cls-11 {
                    visibility: hidden;
                    width: 95%;
                    fill: #72bf44;
                }
                
                .cls-12 {
                    visibility: hidden;
                    width: 67%;
                    fill: #c9cac9;
                }
                
                .cls-13 {
                    display: none;
                    fill: #183242;
                }
                
                #Layer_1,
                #Layer_2 {
                    width: 141px;
                }
                
                .circle-text-1 {
                    display: none;
                    font-size: 24px;
                    opacity: 0;
                }
                
                .circle-text-2 {
                    display: none;
                    opacity: 0;
                    fill: #72BF44;
                }
                
                .circle-text-3 {
                    display: none;
                    opacity: 0;
                    fill: #C9CAC9;
                }
                
                .st0 {
                    fill: #FFFFFF;
                    stroke: #183242;
                    stroke-width: 4.2968;
                    stroke-miterlimit: 10;
                }
                
                .st1 {
                    fill: none;
                }
                
                .st2 {
                    fill: none;
                }
                
                .st3 {
                    fill: #FFFFFF;
                }
                
                .st4 {
                    fill: #231F20;
                }
                
                .st5 {
                    fill: #CBCACA;
                }
                
                .st6 {
                    fill: none;
                }
                
                .st7 {
                    fill: #73BD44;
                }
                
                .st8 {
                    fill: #666667;
                }
                
                .st9 {
                    fill: #A5A7A9;
                }
                
                .st10 {
                    fill: none;
                    stroke: #C9CAC9;
                    stroke-width: 16;
                    stroke-miterlimit: 10;
                }
                
                .st11 {
                    fill: none;
                    stroke: #183242;
                    stroke-width: 4.2968;
                    stroke-miterlimit: 10;
                }
                
                .st12 {
                    fill: none;
                    stroke: #72BF44;
                    stroke-width: 16;
                    stroke-miterlimit: 10;
                }
                
                #circle-line-1,
                #circle-line-3 {
                    stroke: #C9CAC9;
                }
                
                #circle-line-2,
                #circle-line-4 {
                    stroke: #72BF44;
                }
                
                .circle-svg-path {
                    visibility: hidden;
                    stroke-width: 15px;
                }
                
                .circle-svg {
                    margin-left: 20px;
                }
                /* END SVG TEST */
                
                .resource-cloud {
                    /*    width: 50px;*/
                    display: inline-block;
                    clear: both;
                    margin: 5px;
                    padding: 10px;
                    border-radius: 5px;
                    background-color: #A5A5A5;
                    text-align: center;
                    cursor: pointer;
                }
                
                .active {
                    background-color: rgb(52, 80, 234);
                    color: white;
                }
                
                .resource-cloud:hover {
                    background-color: #62CDE3;
                }
                
                .hide-resources {
                    display: none;
                }
                
                .show-resources {
                    display: inline-block;
                }
                
                #clear-resources,
                #d-clear-resources {
                    float: right;
                    clear: both;
                    margin-bottom: 35px;
                    width: 100%;
                    color: white;
                    text-align: right;
                    font-size: 1.3em;
                    cursor: pointer;
                }
                
                #clear-resources:hover,
                #d-clear-resources:hover {
                    color: #38b5d1;
                }
                
                .resource-tabs {
                    margin: 25px 0px;
                    color: white;
                    font-size: 1.3em;
                }
                
                .resource-tabs div {
                    display: inline-block;
                    padding: 15px 15px 15px 0px;
                    cursor: pointer;
                }
                
                #resource-studies {
                    padding: 15px 15px 15px 0px;
                    border-right: white 1px solid;
                    border-bottom: white 1px solid;
                    color: #A5A5A5;
                }
                
                #resource-Dell {
                    margin-left: -6px;
                    padding-right: 17px;
                    padding-left: 17px;
                    border-right: white 1px solid;
                    border-bottom: white 1px solid;
                    color: #A5A5A5;
                }
                
                #resource-Dell:hover,
                #resource-Intel:hover,
                #resource-studies:hover {
                    color: #38b5d1;
                }
                
                #resource-Intel {
                    margin-left: -6px;
                    padding-right: 17px;
                    padding-left: 17px;
                    width: 60%;
                    border-bottom: white 1px solid;
                    color: #A5A5A5;
                }
                
                .tab-active {
                    border-top: white 1px solid;
                    border-bottom: none !important;
                    color: white !important;
                }
                
                .tab-active:hover {
                    color: white;
                }
                
                #dellResources {
                    display: none;
                }
                
                #intelResources {
                    display: none;
                }
                
                .cloud-container {
                    padding: 25px 25px 30px 20px;
                    background-color: #121743;
                    color: white;
                    display: none;
                    margin-left: -15px;
                }
                
                #dellResources,
                #intelResources {
                    color: white;
                }
                /*

.cloud-container-text {
color: white;
font-size: 2em;
}*/
                
                .resourceCat p {
                    padding: 10px 0px 10px 6px !important;
                    color: white !important;
                }
                
                .resourceCat {
                    display: inline-block;
                    width: 24%;
                    vertical-align: top;
                }
                
                .d-cat {
                    width: 40%;
                }
                
                #filter,
                #filterDellEMC {
                    padding: 15px 0px 15px 15px;
                    background-color: #121743;
                    color: white;
                    font-size: 1.5em;
                    cursor: pointer;
                    margin-left: -15px;
                }
                
                .resource-text {
                    margin-left: 20px;
                }
                
                .resources-container a,
                .d-resources-container a {
                    text-decoration: none !important;
                }
                
                .resource-type {
                    font-size: .9em !important;
                }
                
                .resource-tag-string {
                    font-size: .9em !important;
                }
                
                .resource-img {
                    float: left;
                    padding-bottom: 93px !important;
                    margin-right: 10px
                }
                
                #filter-done,
                #filter-done-DellEMC {
                    display: none;
                    float: right;
                    padding-right: 25px;
                }
                
                #filter-done:hover {
                    color: #38b5d1
                }
                
                .swiper-container {
                    width: 80%;
                    max-width: 1000px;
                    height: 600px;
                    top: 25px;
                }
                
                .swiper-slide {
                    text-align: center;
                    font-size: 18px;
                    background: white;
                    /* Center slide text vertically */
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    -webkit-justify-content: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                }
                
                .tag-options.disabled,
                .d-tag-options.disabled {
                    background-color: #202751;
                    color: #5b628d;
                    cursor: default;
                }
                
                .swiper-slide img {
                    max-height: 250px;
                    margin: 0px 25px;
                    border: #c6c6c6 solid 1px;
                }
                
                .swiper-slide p {
                    max-height: 300px;
                    color: #474747;
                    clear: both;
                }
                
                .speedometer-container {
                    display: inline-block;
                    position: relative;
                    text-align: center;
                    width: 100%;
                }
                
                .speedometer-needle-container {
                    position: absolute;
                    left: 0px;
                    right: 0px;
                    margin: 0 auto;
                    bottom: 20%;
                    width: 100%;
                    height: 100%;
                }
                
                .speedometer {
                    height: 29%;
                    left: 0%;
                    position: relative;
                }
                
                .speedometer-needle {
                    position: absolute;
                    left: -45%;
                    right: 0px;
                    margin: 0 auto;
                    width: 45%;
                    bottom: 3%;
                    transform-origin: right 50%;
                }
                
                .speedometer-circle {
                    width: 10%;
                    height: 10%;
                    border-radius: 50%;
                    background-color: white;
                    position: absolute;
                    left: 0px;
                    right: 0px;
                    margin: 0 auto;
                    bottom: 0px;
                }
                
                .speedometer-info {
                    position: absolute;
                    left: 10px;
                    width: 0px;
                    bottom: 50px;
                    overflow: hidden;
                }
                
                .speedometer-text {
                    width: 200px;
                    text-align: center;
                }
                
                .speedometer-text p {
                    font-size: 16px;
                }
                
                .exciting {
                    font-size: 36px !important;
                    font-weight: bold;
                }
                
                .section-1-arrow {
                    top: 95px;
                    left: -98px;
                    position: absolute;
                    width: 80px;
                }
                
                .do-more-swiper-text {
                    width: 50%;
                    /*                    margin: 35px;*/
                    display: inline-block;
                    /*                    position: absolute;*/
                    left: 310px;
                }
                
                .do-more-slider-graphic {
                    width: 32%;
                    display: inline-block;
                    position: absolute;
                    top: 50%;
                }
                
                .do-more-mobile-title,
                .save-money-mobile-title {
                    font-weight: 600;
                    display: none;
                    text-align: left;
                }
                
                .do-more-DT-title {
                    font-weight: 600;
                    text-align: left;
                    margin-right: 25px;
                }
                
                .do-more-slide-subtitle {
                    margin-bottom: 25px;
                    font-weight: 200;
                    color: #999999 !important;
                }
                
                .section-1-button {
                    display: none;
                    margin: 25px auto;
                    padding: 15px;
                    font-size: 1.2em;
                    max-width: 600px;
                    color: white;
                    border-radius: 5px;
                    position: relative;
                    /*
                left: 50%;
                right: 50%;
*/
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    -webkit-justify-content: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                }
                
                .section-2-subtitle {
                    color: white!important;
                    width: 70%;
                    position: relative;
                    margin-bottom: 25px;
                }
                
                .reverse {
                    -moz-transform: scaleX(-1);
                    -o-transform: scaleX(-1);
                    -webkit-transform: scaleX(-1);
                    transform: scaleX(-1);
                    filter: FlipH;
                    -ms-filter: "FlipH";
                }
                
                .small-cloud {
                    width: 100px;
                }
                
                .medium-cloud {
                    width: 150px;
                }
                
                .cloud1 {
                    position: absolute;
                    top: 30px;
                    left: 60px;
                    width: 140px;
                }
                
                .cloud2 {
                    position: absolute;
                    top: 140px;
                    left: 10px;
                    width: 50px;
                }
                
                .cloud3 {
                    position: absolute;
                    top: 90px;
                    left: 240px;
                    width: 95px;
                }
                
                .cloud4 {
                    position: absolute;
                    top: 98px;
                    left: 980px;
                    width: 150px;
                }
                
                .cloud5 {
                    position: absolute;
                    top: 180px;
                    left: 280px;
                }
                
                .cloud6 {
                    position: absolute;
                    top: 10px;
                    left: 790px;
                }
                
                .cloud7 {
                    display: none;
                }
                
                .cloud8 {
                    position: absolute;
                    top: 260px;
                    left: 900px;
                }
                
                .cloud9 {
                    position: absolute;
                    top: 130px;
                    left: 520px;
                    width: 300px
                }
                
                .cloud10 {
                    position: absolute;
                    top: 130px;
                    left: 1280px;
                    width: 250px;
                }
                
                .cloud11 {
                    position: absolute;
                    top: 60px;
                    left: -160px;
                    width: 140px;
                }
                
                .cloud12 {
                    position: absolute;
                    top: 140px;
                    left: -10px;
                    width: 50px;
                }
                
                .cloud13 {
                    position: absolute;
                    top: 90px;
                    left: 240px;
                    width: 95px;
                }
                
                .cloud14 {
                    position: absolute;
                    top: 98px;
                    left: -980px;
                    width: 150px;
                }
                
                .cloud15 {
                    position: absolute;
                    top: 180px;
                    left: -280px;
                }
                
                .cloud16 {
                    position: absolute;
                    top: 10px;
                    left: -790px;
                }
                
                .cloud17 {
                    display: none;
                }
                
                .cloud18 {
                    position: absolute;
                    top: 260px;
                    left: -900px;
                }
                
                .cloud19 {
                    position: absolute;
                    top: 100px;
                    left: -520px;
                    width: 300px
                }
                
                .cloud20 {
                    position: absolute;
                    top: 130px;
                    left: 680px;
                    width: 250px;
                }
                
                .section-2-scrollup {
                    color: white;
                    float: right;
                    clear: both;
                    right: 10px;
                    position: fixed;
                    cursor: pointer;
                    top: 6%;
                }
                
                .section-2-scrolldown {
                    color: white;
                    float: right;
                    clear: both;
                    right: 10px;
                    position: fixed;
                    cursor: pointer;
                    bottom: 6%;
                }
                
                .section-2-scrollup img {
                    -webkit-transform: scaleY(-1);
                    transform: scaleY(-1);
                }
                
                @media (min-width: 2500px) {
                    #video-container {
                        /*                        top: -300px;*/
                        height: 360px;
                    }
                    .section-2-scrollup,
                    .section-2-scrolldown {
                        right: 580px
                    }
                    #typewriter-img {
                        width: 100%;
                        max-width: 1000px;
                    }
                }
                
                @media (min-width: 2000px) and (max-width: 2500px) {
                    #video-container {
                        /*                        top: -200px;*/
                        height: 360px;
                    }
                    .section-2-scrollup,
                    .section-2-scrolldown {
                        right: 380px
                    }
                    #typewriter-img {
                        width: 100%;
                        max-width: 1000px;
                    }
                }
                
                @media (min-width: 1500px) and (max-width: 2000px) {
                    #video-container {
                        height: 360px;
                    }
                    .section-2-scrollup,
                    .section-2-scrolldown {
                        right: 180px
                    }
                    #typewriter-img {
                        width: 100%;
                        max-width: 1000px;
                    }
                }
                
                @media (min-width: 841px) {
                    #mobile-nav-bar div,
                    #mobile-nav-bar p {
                        display: none !important;
                    }
                }
                
                @media (max-height: 520px) {
                    .intro-block-caption {
                        font-size: 16px;
                    }
                    .intro-block-title {
                        font-size: 1.6em;
                    }
                }
                
                @media (min-width: 840px) {
                    .do-more-slider-graphic {
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        left: 30px;
                    }
                    .do-more-swiper-text {
                        top: 50%;
                        transform: translateY(-50%);
                        position: absolute;
                    }
                    #mobile-servers-img {
                        display: none;
                    }
                }
                
                @media (min-width: 501px) and (max-width: 840px) {
                    #textbox-1-1 h2,
                    #section-2 h1 {
                        font-size: 24px;
                    }
                    #textbox-5-1,
                    #textbox-1-1,
                    #section-2 h1 {
                        padding-top: 40px;
                    }
                    #intro {
                        padding-top: 40px;
                    }
                    .section-2-scrollup {
                        top: 13%;
                    }
                    .section-2-scrollup img,
                    .section-2-scrolldown img {
                        width: 35px;
                    }
                    .cloud2 {
                        position: relative;
                        top: 30px;
                        left: 80px;
                    }
                    .cloud1 {
                        position: relative;
                        top: 170px;
                        left: 0px;
                    }
                    .cloud3 {
                        position: relative;
                        top: 50px;
                        left: 150px;
                        width: 250px;
                    }
                    .cloud4,
                    .cloud5,
                    .cloud6,
                    .cloud7,
                    .cloud8,
                    .cloud9 {
                        display: none;
                    }
                    #video-container {
                        height: 400px
                    }
                    #section-2 p {
                        font-size: 1em;
                        /*                        text-align: center;*/
                        /*                        margin-bottom: 50px;*/
                    }
                    .intro-container {
                        display: none;
                    }
                    .intro-block {
                        height: auto;
                        height: 31.33333333333333%;
                        height: calc(94% / 3);
                    }
                    .intro-block h1 {
                        font-size: 35px;
                    }
                    #nav-squares {
                        position: fixed;
                        bottom: 0px;
                        width: 100%;
                        height: 0px;
                        border: Solid 1px white;
                        border-left: 0px;
                    }
                    #nav-bar-title {
                        display: none;
                    }
                    #nav-bar {
                        top: initial;
                        bottom: 0px;
                        width: 100%;
                        display: none !important;
                    }
                    #intro-title {
                        display: none;
                    }
                    .mobile-intro-container {
                        display: block;
                    }
                    #mobile-intro-title {
                        /*                        display: flex;*/
                        padding: 5px 0px;
                        min-height: 40px;
                        align-items: center;
                        justify-content: center;
                    }
                    h1 {
                        font-size: 50px;
                    }
                    .intro-block-caption {
                        font-size: .8em;
                    }
                    #intro-title {
                        padding: 10px 10px;
                        font-size: 20px;
                    }
                    #intro-title p {
                        width: 70%;
                        font-size: 0.75em;
                    }
                    .swiper-container {
                        height: 710px !important;
                    }
                    .do-more-mobile-title {
                        font-weight: 600;
                        text-align: left;
                        display: inline-block !important;
                        padding: 15px;
                    }
                    .save-money-mobile-title {
                        font-weight: 600;
                        text-align: left!important;
                        display: inline-block !important;
                        padding: 15px;
                        top: 0px;
                        position: absolute;
                        left: 0px;
                        width: 90%;
                    }
                    .do-more-DT-title {
                        font-weight: 600;
                        text-align: left;
                        margin-right: 35px;
                        display: none !important;
                    }
                    .do-more-slider-graphic {
                        width: 100% !important;
                        display: inline-block !important;
                        position: inherit;
                        top: auto;
                        transform: none;
                    }
                    .do-more-subtitle {
                        margin: 50px 25px 0px 25px;
                        font-size: .9em;
                    }
                    .do-more-swiper-text {
                        width: 90% !important;
                        display: inline-block !important;
                        margin: 35px;
                    }
                    .speedometer {
                        height: 15% !important;
                    }
                    .section-1-arrow {
                        width: 15% !important;
                        top: 49px;
                        left: -45px !important;
                    }
                    .section-1-button {
                        margin-top: 80px !important;
                    }
                    #textbox-3-1,
                    #section-2-header {
                        position: relative;
                        top: 0px;
                        left: 0px;
                        /*                        padding: 20px;*/
                        /*                        max-width: 400px;*/
                        /*                        width: 90%;*/
                        text-align: left;
                    }
                    #textbox-5-1 p {
                        font-size: 1em;
                    }
                    #textbox-5-1 h2 {
                        text-align: center !important;
                        font-size: 1.5em !important;
                        /*                        margin-top: 100px;*/
                    }
                    #infographic-header-left {
                        text-align: left;
                    }
                    #infographic-header-left img {
                        width: 90%;
                    }
                    .infographic-block-img-left {
                        vertical-align: top;
                        text-align: center;
                    }
                    .infographic-block-img-left img {
                        width: 90%;
                    }
                    #textbox-1-2,
                    #textbox-1-3 {
                        text-align: center;
                    }
                    #textbox-1-2 p,
                    #textbox-1-3 p {
                        text-align: center;
                        font-size: 16px;
                    }
                    #Layer_1,
                    #Layer_2 {
                        width: 120px;
                    }
                    .speedometer-info {
                        position: absolute;
                        left: 10px;
                        width: 0px;
                        bottom: 30px;
                        overflow: hidden;
                    }
                    .speedometer-text {
                        width: 100px;
                        text-align: center;
                    }
                    .speedometer-text p {
                        font-size: 10px;
                    }
                    .exciting {
                        font-size: 20px !important;
                    }
                    /*
					.speedometer-needle-container {
						max-width: 149px;
					}
#click-arrow {
left: 28%;
margin: 0px;
}
#click-arrow-ssd {
left: 35%;
margin: 0px;
}
.white-box {
left: 0px !important;
right: 0px !important;
margin: 0 auto;
}
#section-2 h1 {
font-size: 20px;
color: #444;
}
#section-2 p{
font-size: 12px;
}
#section-2-title {
padding-top: 5px;
}
#section-2-header-text{
margin-top: 10px;
width: 80%;
}
*/
                    #section-2-title {
                        text-align: left;
                    }
                    #section-2-title {
                        text-align: left;
                    }
                    #section-2-header-text {
                        width: 100%;
                    }
                    .blue-oval h5 {
                        font-size: 16px;
                    }
                    #how-fast {
                        font-size: 24px !important;
                    }
                    .white-box p {
                        font-size: 16px !important;
                    }
                    .yellow-lines {
                        width: 300%;
                    }
                    .yellow-box {
                        padding-bottom: 20px;
                    }
                    #storage-drives p {
                        margin: 0 auto;
                        width: 90%;
                    }
                    .paper-tabs {
                        top: -70px;
                    }
                    .paper {
                        margin: 80px auto 40px auto;
                        width: 80%;
                    }
                    .paper-left,
                    .paper-right {
                        margin: 20px auto;
                        width: 45%;
                    }
                    #question {
                        width: 90%;
                        font-size: 20px;
                    }
                    .answer {
                        width: 150px;
                        height: 150px;
                    }
                    .answer-text {
                        top: 75px;
                        font-size: 30px;
                    }
                    .answer-hover {
                        width: 146px;
                        height: 146px;
                        border: solid 2px white;
                    }
                    .answer-hover .answer-text {
                        top: 73px;
                    }
                    .scenario-selected-answer {
                        width: 146px;
                        height: 146px;
                        border: solid 2px white;
                    }
                    .scenario-selected-answer .answer-text {
                        top: 98px;
                    }
                    .scenario-selected-answer .incorrect-answer,
                    .scenario-selected-answer .correct-answer {
                        margin-top: 20px;
                    }
                    #feedback {
                        width: 80%;
                    }
                    #click-arrow-typewriter {
                        left: -10%;
                    }
                    /*
.docusign-left, .docusign-right{
width: 90%;
margin: 0 auto;
display: inline-block;
float: none;
}
.docusign-left p {
margin: 10px;
color: #444;
}
*/
                    #docusign-controls {
                        width: 100%;
                        text-align: center;
                    }
                    #docusign-nav {
                        display: block;
                        margin-left: 0px;
                        text-align: center;
                    }
                    .last-container {
                        margin-bottom: 0px;
                    }
                    #mobile-nav-bar {
                        position: fixed;
                        top: 0px;
                        z-index: 4;
                        display: block;
                        width: 100%;
                        border-bottom: 2px solid white;
                        opacity: 1;
                    }
                    #mobile-nav-bar-title {
                        margin: 0px;
                        padding: 10px 0px;
                        width: 100%;
                        background-color: #183242;
                        text-align: center;
                        font-size: 16px;
                        cursor: pointer;
                    }
                    #mobile-nav-bar div,
                    #mobile-nav-bar p {
                        display: block;
                    }
                    #mobile-nav-squares {
                        overflow: hidden;
                        height: 0px;
                    }
                    #resource-Intel {
                        width: 34% !important;
                    }
                    .resourceCat {
                        width: 100% !important;
                    }
                    .resource-cloud {
                        padding: 7px !important;
                    }
                    #typewriter-img {
                        display: none;
                    }
                }
                
                @media (min-width: 1247px) {
                    #intro-title {
                        padding: 30px 0px;
                    }
                }
                
                @media (max-width: 970px) {
                    .save-benefit-icon p {
                        font-size: .9em
                    }
                }
                
                @media (max-width: 765px) {
                    .save-benefit-icon {
                        width: 45%!important;
                        height: 200px !important;
                    }
                    .save-benefit-list {
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                        -ms-flex-direction: column;
                        flex-direction: column;
                    }
                    .section-2-scrollup {
                        top: 13%;
                    }
                    .section-2-scrolldown {
                        bottom: 6%;
                    }
                }
                
                @media (min-width: 301px) and (max-width: 840px) and (orientation: landscape) {
                    .intro-block-title {
                        font-size: 20px !important;
                    }
                    .do-more-subtitle {
                        margin: 10px;
                        /*                        font-size: .8em !important;*/
                    }
                    #textbox-1-1 p {
                        font-size: 16px;
                    }
                    .section-1-button {
                        margin-top: 10px !important;
                        z-index: 2;
                    }
                }
                /*
                @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
                    .intro-block-caption: 16px;
                }
				*/
                
                @media (max-width: 500px) {
                    #textbox-5-1,
                    #textbox-1-1 {
                        padding-top: 40px;
                    }
                    #section-2 h1 {
                        padding-top: 65px;
                    }
                    h2,
                    #section-2 h1 {
                        font-size: 1.2em;
                    }
                    #textbox-5-1 p {
                        font-size: .8em;
                    }
                    #textbox-5-1 h2 {
                        text-align: center !important;
                        font-size: 1em !important;
                        /*                        margin-top: 100px;*/
                    }
                    .save-benefit-icon {
                        width: 90% !important;
                        margin: 0px;
                        padding: 0px;
                    }
                    .section-2-scrollup {
                        top: 13%;
                        right: 3;
                    }
                    .section-2-scrolldown {
                        bottom: 6%;
                        right: 3;
                    }
                    .section-2-scrollup img,
                    .section-2-scrolldown img {
                        width: 35px;
                    }
                    #section-2 p {
                        font-size: .8em;
                        /*                        text-align: center;*/
                        /*                        margin-bottom: 50px;*/
                    }
                    #video-play-button {
                        width: 49%;
                    }
                    #intro-top {
                        background-image: url('../img/intro-cards/intro-1-mobile.gif');
                        background-size: cover;
                        background-repeat: no-repeat;
                        min-height: 130px;
                    }
                    #intro-middle {
                        background-image: url('../img/intro-cards/intro-2-mobile.gif');
                        background-size: cover;
                        background-repeat: no-repeat;
                        min-height: 130px;
                    }
                    #intro-bottom {
                        background-image: url('../img/intro-cards/intro-3-mobile.gif');
                        background-size: cover;
                        background-repeat: no-repeat;
                        min-height: 130px;
                    }
                    .color-overlay-1,
                    .color-overlay-2,
                    .color-overlay-3 {
                        background: none;
                    }
                    .intro-container {
                        display: none;
                    }
                    .intro-block {
                        height: auto;
                        height: 31.33333333333333%;
                        height: calc((100%-43px)/3);
                    }
                    #nav-squares {
                        position: fixed;
                        bottom: 0px;
                        width: 100%;
                        height: 0px;
                        border: Solid 1px white;
                        border-left: 0px;
                    }
                    #nav-bar-title {
                        display: none;
                    }
                    #nav-bar {
                        top: initial;
                        bottom: 0px;
                        width: 100%;
                        display: none !important;
                    }
                    #intro-title {
                        display: none;
                    }
                    .mobile-intro-container {
                        display: inline-block;
                    }
                    #mobile-intro-title {
                        /*                        display: flex;*/
                        padding: 5px 0px;
                        min-height: 40px;
                        align-items: center;
                        justify-content: center;
                    }
                    .swiper-container {
                        height: 920px !important
                    }
                    .do-more-DT-title {
                        font-weight: 600;
                        text-align: left;
                        margin-right: 35px;
                        display: none !important;
                    }
                    .do-more-slider-graphic {
                        width: 100% !important;
                        display: inline-block !important;
                        position: inherit;
                        top: auto;
                        transform: none;
                        /*                        margin-top: 30px;*/
                        margin-bottom: 30px;
                    }
                    .do-more-subtitle {
                        margin: 25px 25px 0px 25px !important;
                    }
                    .do-more-swiper-text {
                        width: 85% !important;
                        display: inline-block !important;
                    }
                    .do-more-mobile-title {
                        font-weight: 600;
                        text-align: left;
                        top: 0;
                        left: 0;
                        /*                        position: absolute;*/
                        display: inline-block;
                        padding: 15px;
                        width: 80%;
                    }
                    .do-more-slide-subtitle {
                        font-size: .8em !important;
                    }
                    .save-money-mobile-title {
                        font-weight: 600;
                        text-align: left!important;
                        display: inline-block !important;
                        padding: 15px;
                    }
                    #do-more-interaction {
                        width: 80%;
                    }
                    .cloud1 {
                        top: 20px;
                        width: 170px;
                        left: -10px
                    }
                    .cloud2 {
                        display: none;
                    }
                    .cloud4 {
                        display: none;
                    }
                    .cloud5 {
                        display: none;
                    }
                    .cloud6 {
                        display: none;
                    }
                    .cloud7 {
                        position: relative;
                        width: 280px;
                        left: 180px;
                        top: -25px;
                    }
                    .cloud8 {
                        display: none;
                    }
                    .cloud9 {
                        display: none;
                    }
                    .intro-block h1 {
                        font-size: 1.2em;
                    }
                    h1 {
                        font-size: 50px;
                    }
                    .intro-block-caption {
                        font-size: 1em;
                    }
                    #intro-title {
                        padding: 10px 10px;
                        font-size: 20px;
                    }
                    #intro-title p {
                        width: 100%;
                    }
                    #textbox-3-1,
                    #textbox-5-1,
                    #section-2-header {
                        position: relative;
                        top: 0px;
                        left: 0px;
                        /*                        padding: 20px;*/
                        /*                        max-width: 400px;*/
                        /*                        width: 90%;*/
                        text-align: left;
                    }
                    #textbox-5-1 {
                        /*                        margin-top: 100px;*/
                    }
                    #typewriter-img {
                        display: none;
                    }
                    /*
#click-arrow {
left: 28%;
margin: 0px;
}
*/
                    .do-more-subtitle {
                        margin: 50px 25px 0px 25px;
                        font-size: .8em;
                    }
                    .do-more-subhead {
                        text-align: center;
                        font-size: .9em;
                        width: 70%;
                        margin: 30px auto;
                    }
                    #infographic-1 {
                        width: 100%;
                    }
                    #infographic-header-left {
                        width: 100%;
                        vertical-align: top;
                        text-align: center;
                    }
                    #infographic-header-right {
                        display: block;
                        margin: 10px auto;
                        width: 90%;
                        vertical-align: top;
                        text-align: center;
                    }
                    #infographic-header-right h2 {
                        font-size: 24px;
                    }
                    .infographic-block-img-left {
                        width: 100%;
                        text-align: center;
                    }
                    .infographic-block-img-left img {
                        max-width: 100px;
                    }
                    #infographic-block-3 {
                        text-align: center;
                    }
                    #infographic-block-3 img {
                        width: 90%;
                    }
                    #textbox-1-2,
                    #textbox-1-3 {
                        width: 100%;
                        vertical-align: top;
                        text-align: center;
                    }
                    #textbox-1-2 p,
                    #textbox-1-3 p {
                        text-align: center;
                    }
                    .speedometer-container {
                        left: 10px;
                    }
                    .speedometer {
                        height: 15% !important;
                        left: 0px;
                    }
                    .speedometer-info {
                        position: absolute;
                        left: 10px;
                        width: 0px;
                        bottom: 30px;
                        overflow: hidden;
                    }
                    .speedometer-text {
                        width: 100px;
                        text-align: center;
                    }
                    .speedometer-text p {
                        font-size: 10px;
                    }
                    .exciting {
                        font-size: 20px !important;
                    }
                    /*
					.speedometer-needle-container {
						max-width: 183px;
					}
					*/
                    .exciting {
                        font-size: 20px !important;
                    }
                    .section-1-arrow {
                        width: 18% !important;
                        top: 55px;
                        left: -25px !important;
                    }
                    .section-1-button {
                        max-width: 200px !important;
                        margin-top: 30px !important;
                    }
                    .infographic-block-img-right {
                        display: block !important;
                        margin: 20px auto 0px auto;
                        width: 90%;
                        text-align: center;
                    }
                    .circle-svg {
                        margin-left: 0px;
                    }
                    #Layer_2 {
                        margin-left: 20px;
                    }
                    #Layer_1,
                    #Layer_2 {
                        width: 120px;
                    }
                    #how-fast {
                        margin: 40px 0px 0px 0px;
                    }
                    .half-screen {
                        min-height: 0px;
                        width: 90%;
                    }
                    .white-box {
                        position: relative;
                        top: 0px !important;
                        right: 0px !important;
                        left: 0px !important;
                        margin: 30px auto;
                        width: 80%;
                    }
                    /*
#section-2 h1 {
font-size: 20px;
color: #444;
}
#section-2 p{
font-size: 12px;
}
#section-2-title {
padding-top: 5px;
}
#section-2-header-text{
margin-top: 10px;
width: 80%;
}
*/
                    #section-2-title {
                        /*                        text-align: left;*/
                    }
                    #section-2-subtitle {
                        text-align: center !important;
                        font-size: 1em;
                    }
                    #section-2-header-text {
                        width: 100%;
                    }
                    #section-3 h3 {
                        width: 80%;
                    }
                    h3 {
                        font-size: 24px;
                    }
                    .envelope-left,
                    .envelope-right {
                        display: block;
                        margin-left: 5%;
                        width: 90%;
                    }
                    .blue-oval h5 {
                        font-size: 16px;
                    }
                    #how-fast {
                        font-size: 24px !important;
                    }
                    .white-box p {
                        font-size: 16px !important;
                    }
                    .yellow-lines {
                        width: 300%;
                    }
                    .yellow-box {
                        padding-bottom: 20px;
                        width: 90%;
                    }
                    .yellow-box-progress {
                        width: 60%;
                    }
                    #storage-drives p {
                        margin: 0 auto;
                        width: 92.5%;
                    }
                    .paper-tabs {
                        top: -50px;
                    }
                    .paper {
                        margin: 80px auto 40px auto;
                        width: 95%;
                    }
                    .paper-left,
                    .paper-right {
                        margin: 20px auto;
                        max-width: 500px;
                        width: 90%;
                        text-align: left;
                    }
                    .paper-left img,
                    .paper-right img {
                        display: inline-block;
                        width: 25%;
                    }
                    .paper-left p,
                    .paper-right p {
                        display: inline-block;
                        margin-left: 20px !important;
                        width: 65% !important;
                        vertical-align: top;
                    }
                    #question {
                        width: 90%;
                        font-size: 18px;
                    }
                    .answer {
                        margin: 10px;
                        width: 100px;
                        height: 100px;
                        font-size: 20px;
                    }
                    .answer-text {
                        top: 60px;
                    }
                    .answer-hover {
                        width: 96px;
                        height: 96px;
                        border: solid 2px white;
                    }
                    .answer-hover .answer-text {
                        top: 58px;
                    }
                    .scenario-selected-answer {
                        width: 96px;
                        height: 96px;
                        border: solid 2px white;
                    }
                    .scenario-selected-answer .answer-text {
                        top: 78px;
                    }
                    .scenario-selected-answer .incorrect-answer,
                    .scenario-selected-answer .correct-answer {
                        margin-top: 0px;
                    }
                    #drive-the-sale {
                        padding-top: 40px;
                        padding-bottom: 20px;
                    }
                    #feedback {
                        width: 80%;
                        font-size: 18px;
                    }
                    /*
.docusign-right{
padding-bottom: 0px;
}
*/
                    #click-arrow-typewriter {
                        left: -10%;
                    }
                    .docusign-left,
                    .docusign-right {
                        display: inline-block;
                        float: none;
                        margin: 0 auto;
                        width: 90%;
                    }
                    .docusign-left p {
                        /* margin: 10px; */
                        padding: 10px;
                        color: #444;
                    }
                    .docusign-right h5 {
                        margin: 5% 0px 0px 5%;
                    }
                    #docusign {
                        width: 95%;
                    }
                    .docusign-topbar p {
                        top: 13px;
                        font-size: 36px;
                    }
                    .benefits {
                        width: 100%;
                    }
                    #prev,
                    #next {
                        margin-top: 10px;
                        width: 120px;
                    }
                    #docusign-nav {
                        margin-left: 10px;
                    }
                    .signature p {
                        margin: 0px !important;
                        padding: 0px 10px;
                    }
                    #docusign-controls {
                        width: 100%;
                        text-align: center;
                    }
                    .last-container {
                        margin-bottom: 0px;
                    }
                    #mobile-nav-bar {
                        position: fixed;
                        top: 0px;
                        z-index: 4;
                        display: block;
                        width: 100%;
                        border-bottom: 2px solid white;
                        opacity: 1;
                    }
                    #intro {
                        padding-top: 40px;
                    }
                    #mobile-nav-bar-title {
                        margin: 0px;
                        padding: 10px 0px;
                        width: 100%;
                        background-color: #183242;
                        text-align: center;
                        font-size: 16px;
                        cursor: pointer;
                    }
                    #mobile-nav-bar div,
                    #mobile-nav-bar p {
                        display: block;
                    }
                    #mobile-nav-squares {
                        overflow: hidden;
                        height: 0px;
                    }
                    #resource-Intel {
                        width: 12% !important;
                    }
                    .resourceCat {
                        width: 100% !important;
                    }
                    .resourceCat p {
                        padding: 10px 0px 10px 6px !important;
                    }
                    .resource-cloud {
                        padding: 7px !important;
                    }
                    .resources-container {
                        width: 100%;
                    }
                    .resource-img {
                        padding-bottom: 20px !important;
                    }
                }
                
                #card1swipe {
                    padding-top: 30px;
                }
                
                #card2swipe,
                #card3swipe {
                    padding-top: 30px;
                    margin-bottom: 80px;
                }
                
                .slider-link {
                    text-align: left !important;
                    margin-top: 15px;
                    text-decoration: none!important;
                }
                
                .tiny {
                    font-size: .6em;
                }
                
                span.swiper-pagination-total::after {
                    content: "\ALinks will open in new tabs.";
                    white-space: pre;
                    word-break: break-all;
                    font-size: .7em;
                    font-style: italic;
                }
                
                .save-benefit-icon {
                    width: 18%;
                    display: inline-block;
                    margin: 10px;
                    padding: 10px;
                    text-align: center;
                    height: 260px;
                }
                
                .save-benefit-icon p {
                    color: white !important;
                    text-align: center!important;
                    font-size: 1em;
                }
                
                .save-benefit-list {
                    max-width: 1000px;
                    text-align: center;
                    max-width: 1000px;
                    text-align: center;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    margin-bottom: 20px;
                    align-items: center;
                    justify-content: center;
                    margin-bottom: 20px;
                }
                
                .save-benefit-icon img {
                    width: 120px;
                }
                
                .resource-scrolldown {
                    color: #2e4aa1 !important;
                    text-decoration: underline;
                    cursor: pointer;
                }