* { padding: 0; margin: 0; box-sizing: border-box; } html { height: 100%; overflow-x: hidden; } body { font-family: 'Lato', sans-serif; font-size: 14px; color: #707070; height: 100%; } p { margin-bottom: 15px; line-height: 1.7em; font-size: 15px; } h1,.h1 { font-size: 1.5rem; line-height: 1.4; margin-top: 0; margin-bottom: .5rem } h2,.h2 { font-size: 2em; font-weight: 900; line-height: 1.4; margin-top: 0; margin-bottom: 20px; } h3,.h3 { font-size: 1.1875rem; line-height: 1.4; margin-top: 0; margin-bottom: .5rem } h4,.h4 { font-size: 1.125rem; line-height: 1.4; margin-top: 0; margin-bottom: .5rem } h5,.h5 { font-size: 1.0625rem; line-height: 1.4; margin-top: 0; margin-bottom: .5rem } h6,.h6 { font-size: 1rem; line-height: 1.4; margin-top: 0; margin-bottom: .5rem } .blue { color: #3e8ddd; font-weight: 900; } .purple { color: #8246af; font-weight: 900; } .black { font-weight: 900; } .red { color: red; } .navigation { height: 50px; width: 100%; background-color: rgba(255,255,255,1); list-style: none; display: inline-block; display: flex; align-items: center; overflow: hidden; position: fixed; top: 0; z-index: 200; box-shadow: 0 5px 20px rgba(0,0,0,0.1); } .nec_cms_sence .navigation { position: relative  !important; } .compareDockContainer { display: none  !important; } .info-buttons { display: flex; flex-wrap: wrap; } .logo-container { margin-right: auto; height: 100%; } .logo { height: 100%; width: auto; max-height: 80px; } .social-icon-container { overflow: hidden; } .social-icon-move { margin-right: -160px; display: inline-block; display: flex; flex-direction: row; opacity: .5; transition: all ease .75s; } .social-icon-move-active { margin-right: 0; opacity: 1; transition: all ease .75s; } .social-icon { margin-right: 6px; height: 40px; width: 40px; } .social-icon-last { margin-right: 20px; } .social-icon img { height: 40px; } .chat-icon { width: 32px; height: 32px; margin-right: 40px; z-index: 100; cursor: pointer; } .chat-icon img { width: 32px; height: 32px; } .download-icon { width: 32px; height: 32px; margin-right: 70px; } .download-icon img { width: 32px; height: 32px; } .consult-us { color: #3e8ddd; border: 3px solid #3e8ddd; border-radius: 3px; font-weight: 700; font-size: 16px; padding: 15px 20px 16px 20px; text-decoration: none; margin-right: 22px; transition: .3s; line-height: 0; box-sizing: border-box; display: block; } .consult-us:hover { color: #fff; background-color: #3e8ddd; } .header-desktop { display: block; height: 70vh; min-height: 400px; width: 100%; background-color: #fff; color: #fff; display: flex; align-items: center; position: relative; overflow: hidden; min-width: 250px; margin-top: 50px; } @media only screen and (max-width: 900px) { .header-desktop { height: 60vh; } } .header-desktop .header-text { position: relative; z-index: 1; padding-left: 15%; margin-bottom: 5%; width: 43%; min-width: 580px; } @media only screen and (max-width: 1200px) { .header-desktop .header-text { min-width: 0; } } @media only screen and (max-height: 700px) { .header-desktop .header-text { display: flex; flex-direction: column; justify-content: center; margin: 0; } } .header-desktop .header-text h1 { font-size: 3.5em; line-height: 1.1em; font-weight: 900; } .header-desktop #header-subhead { line-height: 1.5em; } @media only screen and (max-width: 1000px) { .header-desktop .header-text h1 { font-size: 2.8em; } } @media only screen and (max-height: 800px) { .header-desktop .header-text h1 { font-size: 2.8em  !important; } .header-desktop #header-subhead { font-size: 1.3em  !important; line-height: 1.4em; } } .header-desktop .header-text p { font-size: 1.5em; font-weight: 400; } #header-bg { height: 100%; width: 100%; min-height: 400px; position: absolute; left: 0; top: 0; } #header-bg-img { position: absolute; left: 0; top: 0; object-fit: cover; object-position: 50% 20%; width: 100%; min-height: 70vh; max-height: 70vh; } @media only screen and (max-width: 1000px) { #header-bg-img { object-position: 75% 20%; } } @media only screen and (max-height: 700px) { #header-bg-img { min-height: 600px; } } .header-mobile { display: none; height: calc(100vh - 42px); margin-top: 42px; min-height: 600px; background: #323232; color: #FFF; flex-direction: column; justify-content: flex-end; align-items: flex-end; box-sizing: border-box; } .header-mobile #header-bg-mobile { width: 100%; flex: 2; box-sizing: border-box; overflow: hidden; background-image: url('https://static.lenovo.com/ww/img/dc/customer-stories/aportes-en-linea/lenovo-data-center-customer-story-aportes-en-linea-header-mobile.jpg'); background-repeat: no-repeat; background-position: 50% 0%; background-size: auto 125%; } .header-mobile .header-text { padding: 30px 15% 20px 15%; box-sizing: border-box; } .header-mobile .header-text h1 { font-size: 2.7em; line-height: 1.2em; font-weight: 900; } @media only screen and (min-width: 500px) { .header-mobile #header-bg-mobile { flex: 3; } } @media only screen and (max-width: 768px) { .header-desktop { display: none; } .header-mobile { display: flex; } } #header-h1 { font-size: 3.7em; } @media only screen and (min-width: 1400px) { #header-h1 .break { display: block; } } @media only screen and (max-width: 1200px) { #header-h1 { font-size: 2.5em; } #header-subhead { font-size: 1.2em; } } .intel-logo { position: absolute; top: 50px; right: 50px; width: 95px; } @media only screen and (max-width: 900px) { .intel-logo { top: 30px; right: 30px; } } @media only screen and (max-width: 768px) { .intel-logo { top: 60px; right: 15px; width: 75px; } } .lined-headline { position: absolute; bottom: 70px; left: 15%; height: 4em; border-left: 7px solid#3e8ddd; width: 100%; } .lined-headline .line1 { position: absolute; font-size: 1.7em; font-weight: 700; top: -10px; left: 18px; } .lined-headline .line2 { position: absolute; font-size: 1.7em; font-weight: 700; bottom: -24px; left: 18px; } @media only screen and (max-width: 1000px) { .lined-headline { position: absolute; bottom: 50px; left: 15%; height: 2.7em; width: 100%; } .lined-headline .line1 { position: absolute; font-size: 1.2em; font-weight: 700; top: -6px; left: 18px; } .lined-headline .line2 { position: absolute; font-size: 1.2em; font-weight: 700; bottom: -21px; left: 18px; } } @media only screen and (max-height:800px) { .lined-headline { position: absolute; bottom: 50px; left: 15%; height: 3em; width: 100%; } .lined-headline .line1 { position: absolute; font-size: 1.2em; font-weight: 700; top: -5px; left: 18px; } .lined-headline .line2 { position: absolute; font-size: 1.2em; font-weight: 700; bottom: -20px; left: 18px; } } .mobile-lined-headline-container { width: 100%; padding-left: 15%; padding-top: 25px; padding-bottom: 25px; background-color: #6f7170; height: 90px; display: flex; flex-direction: column; align-items: center; min-width: 350px; } @media only screen and (max-height:768px) { @media only screen and (max-width: 768px) { .lined-headline { position: relative; bottom: 0px; left: 0; height: 3em; width: 100%; } .lined-headline .line1 { position: absolute; font-size: 1.2em; font-weight: 700; top: -5px; left: 18px; } .lined-headline .line2 { position: absolute; font-size: 1.2em; font-weight: 700; bottom: -20px; left: 18px; } } } @media only screen and (max-width: 768px) { .lined-headline { position: relative; bottom: 0px; left: 0; height: 3em; width: 100%; } .lined-headline .line1 { position: absolute; font-size: 1.2em; font-weight: 700; top: -5px; left: 18px; } .lined-headline .line2 { position: absolute; font-size: 1.2em; font-weight: 700; bottom: -20px; left: 18px; } } .section-cls { padding: 150px 15%; min-width: 250px; position: relative; overflow-x: hidden; } @media only screen and (max-width: 600px) { .section-cls { padding: 80px 15%; } } sup { font-size: 60%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } .top-section { position: relative; overflow: hidden; } .hex-bg { position: absolute; left: -50px; bottom: -50px; z-index: 0; width: 900px; overflow: hidden; outline: 3px solid #FFF; border: 3px solid #FFF; overflow: hidden; } .hex-bg-reverse { position: absolute; left: auto; bottom: auto; right: -150px; top: -10px; transform: rotate(180deg); } .numbered-section-wrapper { padding: 140px 25% 140px 15%; display: block; display: flex; flex-direction: column; overflow: hidden; } .numbered-section { display: inline-block; display: flex; flex-direction: row; } .numbered-content { flex: 2; } .numbered-facts { display: inline-block; display: flex; flex-direction: row; margin-top: 40px; width: 150%; } .fact { margin-right: 30px; display: inline-block; display: flex; flex-direction: row; } .fact-hex img { width: 35px; height: 40px; margin-right: 14px; } .hex-section { flex: 1; margin-right: 30px; position: relative; } .hex-number img { margin-bottom: 10px; width: 35px; height: 39px; } .block-headline { margin-top: 15px; } .background { margin-bottom: 50px; } .standard-block { background-color: #f1f1f1; display: block; display: flex; flex-direction: row; align-items: center; overflow: hidden; } .standard-image-box { flex: 1; mix-blend-mode: multiply; } .standard-image-box img { padding: 0 5% 0 0; max-width: 450px; position: relative; } .reverse img { padding: 0 0 0 5%; max-width: 450px; position: relative; } .standard-text-box { flex: 1; } .reverse { flex-direction: row-reverse; } .reverse img { float: right; } .numbered-section-wrapper .checks { display: flex; flex-direction: column; margin-top: 40px; padding-left: 25px; } .numbered-section-wrapper .checks .row { display: flex; flex-direction: row; } .numbered-section-wrapper .checks .row .check-text { display: inline-block; margin-right: 12%; position: relative; font-weight: 700; } .numbered-section-wrapper .checks .row .check-text:before { content: ''; width: 15px; height: 15px; background-image: url('https://static.lenovo.com/ww/img/dc/customer-stories/aportes-en-linea/lenovo-data-center-customer-story-aportes-en-linea-checkmark.png'); background-repeat: no-repeat; background-size: cover; position: absolute; top: 5px; left: -25px; } @media only screen and (min-width: 768px) { .check-text .break { display: block; } } @media only screen and (max-width: 1000px) { .numbered-section-wrapper .checks { display: flex; flex-direction: column; } .numbered-section-wrapper .checks .row { display: flex; flex-direction: column; } .numbered-section-wrapper .checks .row .check-text { width: 100%; display: block; margin-right: 0; } } .quote-block { background-color: #fff; display: block; display: flex; flex-direction: row; align-items: center; overflow: hidden; } .quote-box { display: block; display: flex; flex-direction: row; margin-top: 50px; } .pullquote-1 { margin-left: 48px; } .pullquote { margin-left: 40px; } .quote-text { position: relative; } .quote-text p { font-size: .8em; line-height: 1.8em; } .headshot { margin-left: -180px; } .quote-text::before { content: '\201C'; position: absolute; top: -20px; left: -45px; font-weight: 900; font-size: 4em; color: #3e8ddd; } .quote-author .author { font-weight: 900; display: block; margin-bottom: 5px; font-size: 16px; } .quote-author .title { font-size: 16px; } .quote-highlight { color: #2e2e2e; font-weight: 900; } .centered-content { background-color: #fbfbfb; display: block; padding: 80px 15%; text-align: center; overflow-x: hidden; } .centered-content button { margin: 0 auto; border: 2px solid rgba(0,0,0,0); border-radius: 3px; color: #FFF; padding: 14px 30px; font-weight: 600; font-size: 16px; background-color: #3e8ddd; margin: 30px auto; font-family: 'Lato', sans-serif; cursor: pointer; } .centered-content button:hover { color: #3e8ddd; background-color: rgba(0,0,0,0); border: 2px solid #3e8ddd; } .centered-content a { font-weight: 600; font-size: 16px; margin: 0 auto; cursor: pointer; } .centered-content a:hover { color: #3c3c3c; } .workshop-link { text-decoration: underline; display: block; } .no-underline { text-decoration: none; } #carousel-sm-wrapper { height: 70vh; width: 100%  !important; padding: 0; } .panel-wrapper { height: 100%; left: 15%; position: absolute; } @media only screen and (max-width: 768px) { .panel-wrapper { left: 0; width: 100%; } } .panel-anim-wrapper { position: absolute; height: 100%; top: 0; left: 0; width: 2700px; overflow-y: hidden; } .panel { height: 100%; } @media only screen and (max-width: 500px) { .panel { height: auto; width: 100vw; } } #carousel-sm-wrapper-mobile { min-height: 550px; width: 100%; padding: 0; overflow: hidden; margin: 0 auto; margin-top:42px; } .panel-mobile { position: absolute; width: 100%; } #slideBMobile, #slideCMobile { top: 100%; } @-webkit-keyframes gradient-bg { 0%{background-position-x: 0%} 100%{background-position-x: -200%} } @-moz-keyframes gradient-bg { 0%{background-position-x: 0%} 100%{background-position-x: -200%} } @keyframes gradient-bg { 0%{background-position-x: 0%} 100%{background-position-x: -200%} } .dark-text-block { background-color: #323232; color: #fff; } .gradient-background-block { background-image: url('https://static.lenovo.com/ww/img/dc/customer-stories/aportes-en-linea/lenovo-data-center-customer-story-aportes-en-linea-quote-background.jpg?'); background-position: center; background-size: cover; } .dark-text-block .big-quote-attr .author-pic { height: 50px; margin-right: 40px; } @media only screen and (max-width: 768px) { .dark-text-block .big-quote-attr { display: flex; flex-direction: column-reverse; align-items: flex-start; } .dark-text-block .big-quote-attr .author-pic { margin-top: 40px; height: 50px; } } .dark-text-block .text-container h3 { font-size: 2em; } .big-quote-block { text-align: left; padding-top: 160px; padding-bottom: 160px; position: relative; } .big-quote-container { width: 35vw; margin: 0 auto; padding-left: 65px; } .narrow-quote .big-quote { max-width: 500px; } .numbered-section .hex-section-quote-container { padding-left: 85px; } @media only screen and (max-width: 768px) { .numbered-section .hex-section-quote-container { padding-left: 10%; } } .centered-quote { padding-left: 75px; } @media only screen and (max-width: 1100px) { .centered-quote { max-width: 100%; width: 100%; } } .big-quote { position: relative; z-index: 5; } .big-quote:before { content: "\201C"; color: #016c98; line-height: 0; font-weight: 700; font-size: 17em; width: 80px; height: 80px; position: absolute; top: 80px; left: -75px; z-index: -1; opacity: .2; } .gradient-background-block .big-quote:before { color: #315b83; opacity: 1; } .numbered-section .big-quote-container { width: 35vw; margin-top: 50px; } @media only screen and (max-width: 1000px) { .big-quote-container { width: 100%; } } @media only screen and (max-width: 768px) { .big-quote-block { padding: 80px 15% 100px 15%; } .big-quote:before { top: 60px; left: -55px; } .big-quote-block .big-quote-container { padding-left: 10%; } .numbered-section .big-quote-container { width: 100%; } .big-quote-container { padding-left: 10%; } } .smooth-ride-quote { margin-top: 80px; } .big-quote-attr { margin-top: 30px; } .gradient-bar { width: 100%; height: 20px; background: linear-gradient(90deg, #6ac346, #3e8ddd 25%,#6ac346 100%); background-size: 200% 100%; position: absolute; bottom: 0; left: 0; right: 0; -webkit-animation: gradient-bg 5s linear infinite; -moz-animation: gradient-bg 5s linear infinite; animation: gradient-bg 5s linear infinite; animation-direction: alternate; } .final-cta-section { padding: 120px 0; } .final-cta-section .wrapper { width: 35vw; margin: 0 auto; } .final-cta-section .wrapper .block-headline{ color: #3e8ddd; } .final-cta-section a { margin-bottom: 0; background: linear-gradient(90deg, #7c51a1 ,#54aad5 25%,#7c51a1 100%); background-size: 250% 100%; background-position-x: -220px; background-repeat: repeat-x; outline: none; border: none; transition: all ease 1s; color: #fff; padding: 12px 30px; border-radius: 3px; margin-top: 20px; display: inline-block; } .final-cta-section a:hover { background-position-x: -400px; color: #FFF; outline: none; border: none; } @media only screen and (max-width: 1200px) { .final-cta-section .wrapper { width: 60vw; } } @media only screen and (max-width: 600px) { .final-cta-section { padding: 80px 8%; } .final-cta-section .wrapper { width: 100%; } .final-cta-section span { display: block; } .final-cta-section button { font-size: 1em; } } .circle-container { position: relative; box-sizing: border-box; transform: rotate(-90deg); } .circle-wrapper { position: relative; } .circle-container circle { fill: none; stroke-width: 3; stroke:#3e8ddd; stroke-dasharray: 200; stroke-dashoffset: 200; transition: all ease-in .75s; transition-delay: .2s; } .circle-container .animate-circle { stroke-dashoffset: 0; stroke: #3e8ddd; } .circle-number { position: absolute; color:#3e8ddd; font-weight: 700; font-size: 25px; left: 18px; top: 10px; font-family: 'Montserrat', sans-serif; } #circle-number-1 { left: 20px; } .text-image-block { height: 600px; padding-top: 0; padding-bottom: 0; background-image: url('https://static.lenovo.com/ww/img/dc/customer-stories/aportes-en-linea/lenovo-data-center-customer-story-aportes-en-linea-city.jpg'); background-position: 50% 50%; background-size: cover; color: #FFF; } .text-image-block .gradient-background { background-image: url('https://static.lenovo.com/ww/img/dc/customer-stories/aportes-en-linea/lenovo-data-center-customer-story-aportes-en-linea-hyperconvergence-background.jpg'); background-size: cover; background-position: center; padding: 40px 60px 30px; } @media only screen and (max-width: 768px) { .text-image-block { background-position: 90% 50%; height: auto; padding: 30px; box-shadow: rgba(0, 0, 0, .5) 0 0 0 1000000px inset; } .text-image-block .gradient-background { padding: 10px 20px; background-image: unset; } } .text-image-block .text-container { width: 48%; display: flex; flex-direction: column; justify-content: center; height: 100%; } .text-image-block .text-container h3 { margin-bottom: 20px; } @media only screen and (max-width: 1100px) { .text-image-block .text-container { width: 100%; } .text-image-block .text-container h3 { font-size: 2em; } } .dark-quote-text-block, .light-text-block { display: flex; flex-direction: row; padding: 140px 25% 140px 25%; } .dark-quote-text-block .left-spacer { flex: 1; margin-right: 30px; } .dark-quote-text-block .text-container { flex: 2; } .dark-quote-text-block.spacer { margin-bottom: 120px; } @media only screen and (max-width: 768px) { .dark-quote-text-block.spacer { margin-bottom: 0px; } } .light-text-block .left-spacer { flex: 1; margin-right: 30px; } .light-text-block .text-container { flex: 2; } @media only screen and (max-width: 1200px) { .dark-quote-text-block, .light-text-block { padding: 80px 15% 80px 15%; } } @media only screen and (max-width: 768px) { .dark-quote-text-block, .light-text-block { flex-direction: column; padding: 105px 15% 105px 15%; margin-bottom: 0; } } .dark-quote-text-block .text-container { width: 100%; } .light-text-block .text-container { width: 100%; } .big-quote-attr { display: flex; flex-direction: row; align-items: center; } .big-quote-attr .author-pic { height: 100px; margin-right: 20px; } .last-item { margin-bottom: 0; } #slideshow-controls { text-align: center; margin-top: 15px; margin-bottom: 30px; z-index: 21; position: relative; font-size: 14px; display: block; } @media only screen and (min-width: 501px) { #slideshow-controls { display: none; } } .big-carousel { width: 100%; padding: 0 20%; position: relative; display: block; } #big-carousel-window { width: 100%; max-width: 1200px; margin: 0 auto; white-space: nowrap; margin-left: 0%; font-size: 0px; transition: all ease 1s; } .big-carousel-slide { width: 100%; height: auto; display: inline-block; transition: all ease 1s; margin: 2px; } .slide-arrow { font-size: 2em; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: color ease .2s; } #slide-numbers { font-size: 1.3em; margin: 0 22px; font-weight: 900; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slick-slideshow { width: 100%; } .slick-slide { width: 100%; height: auto; display: inline-block; transition: all ease 1s; margin: 0px; } .carousel-wrapper { width: 100%; } .carousel-window { overflow: hidden; position: relative; } #carousel { position: relative; top: 0; left: 0; display: none; pointer-events: all  !important; } .carousel-slide { display: inline-block; font-size: 0px; cursor: pointer; float: left; } .transition { transition: .7s; } footer { background-color: #ddd; padding: 30px 10%; min-width: 250px; } .footer-links { margin-bottom: 20px; margin-left: 0; } .footer-links li { display: inline-block; margin-right: 20px; } .footer-links a { color: #707070; text-decoration: underline; } .copyright { font-weight: 900; } .legal { font-size: .7em; line-height: 1.6em; } .social-links a { margin-right: 15px; } .social-links img { height: 25px; } .social-share { position: fixed; right: -60px; top: 50%; background: transparent url("https://static.lenovo.com/ww/img/dc/customer-stories/aportes-en-linea/lenovo-data-center-customer-story-aportes-en-linea-tab.png"); background-repeat: no-repeat; background-size: auto 100%; background-position: right center; width: 300px; height: 140px; text-align: right; padding: 30px 4px; opacity: 0; } .social-share img { padding: 3px 3px; margin: 2px 0 0; max-width: 34px; height: auto; } .social-share .hide-social img { max-width: 40px; } .social-share .share-button { display: inline-block; cursor: pointer; } .social-share .row { display: block; width: 100%; } .social-share .row .hide-social { display: inline-block; padding-right: 4px; opacity: 0; pointer-events: none; margin-right: -100px; transition: 400ms all; } .social-share .row .hide-social img { margin-bottom: -2px; display: inline-block; position: relative; cursor: pointer; } .social-share .row .hide-social.show-social { opacity: 1; margin-right: 0px; pointer-events: all; } .scroll-appear-vert, .scroll-appear-1, .scroll-appear-2, .scroll-appear-3, .scroll-appear-4, .scroll-appear-1-top { opacity: 0; transform: translateY(120px); transition: all .5s ease; } .scroll-appear-1.visible { opacity: 100%; transition: all .5s ease; } .scroll-appear-2.visible { opacity: 100%; transition: all .5s ease; } .scroll-appear-3.visible { opacity: 100%; transition: all .5s ease; } .scroll-appear-4.visible { opacity: 100%; transition: all .5s ease; } .scroll-appear-1-horiz, .scroll-appear-2-top { opacity: 0; transform: translateX(120px); transition: all .5s ease; } .scroll-appear-1-horiz.visible { opacity: 100%; transition: all .5s ease; } .scroll-appear-left, .scroll-appear-background-h, .scroll-appear-numbered-text { opacity: 0; transform: translateX(-120px); transition: all .5s ease; } .scroll-appear-right, .scroll-appear-right-1 { opacity: 0; transform: translateX(120px); transition: all .5s ease; } @media only screen and (max-width: 1200px) { .numbered-section-wrapper { padding: 80px 15% 80px 15%; } .numbered-facts { flex-direction: column; } .quote-block, .standard-block { flex-direction: column-reverse; padding-top: 100px; padding-bottom: 100px; } .standard-image-box img { width: 100%; margin-top: 40px; } #header-hex { width: auto; right: 0; left: auto; } } @media only screen and (max-width: 800px) { .new-slideshow { padding: 0px 0 10px 0; } .logo-container { max-height: 60px; } .social-icon { display: none; } .chat-icon, .download-icon { margin-right: 5%; width: 30px; height: 30px; } .chat-icon img, .download-icon img { width: 30px; height: 30px; } } @media only screen and (max-width: 768px) { .numbered-section { flex-direction: column; } .quote-box { flex-direction: column-reverse; } .headshot { margin: 40px auto 0 auto; } header h1 { font-size: 2em; } .hex-bg { display: none; } } @media only screen and (max-width: 600px) { .big-carousel { padding: 0; } .big-carousel-slide { margin: 0; } } @media only screen and (max-width: 500px) { .new-slide { margin: 0; } .new-slides { width: 100%; } #header-hex { width: 100%; right: auto; left: 0; } .new-slideshow { display: none; } .big-carousel { display: none; } #carousel { display: block; } nav { height: 42px; } .logo-container { max-height: 42px; } .consult-us { font-size: 12px; margin-right: 15px; padding: 14px 15px; } .new-slideshow { transition: all ease 1s; } .section-cls { padding: 80px 15% 80px 15%; } .header-cls { height: 500px; } .numbered-section-wrapper { padding: 80px 15% 80px 15%; } .standard-image-box img { padding: 0; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #header-hex img { max-height: 200%; opacity: .9; } .standard-image-box { display: inline-block; width: 15%; } .standard-text-box { display: inline-block; width: 80%; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (max-width: 768px) { .numbered-section, .standard-block, .quote-block { display: block; } .standard-image-box { display: block; width: 90%; } .standard-image-box img { padding: 0 0 80px 0; } }