.icon-lock { position: absolute; width: 56px; height: 46px; top: 30px; left: 1px; border: 1px solid #777; border-radius: 6px; } .icon-lock:before { content: ''; position: absolute; width: 36px; height: 29px; top: -30px; border: 1px solid #777; left: 9px; border-radius: 20px 20px 0 0; border-bottom: 0; } .icon-lock:after { content: ''; position: absolute; width: 22px; height: 23px; top: -24px; border: 1px solid #777; left: 16px; border-radius: 20px 20px 0 0; border-bottom: 0; } .icon-user { position: absolute; width: 56px; height: 60px; } .icon-user:before { content: ''; position: absolute; width: 32px; height: 32px; border: 1px solid #777; left: 12px; border-radius: 16px; } .icon-user:after { content: ''; position: absolute; width: 56px; height: 24px; top: 36px; border: 1px solid #777; left: 0; border-radius: 28px 28px 0 0; } @font-face { font-family: 'museo_sans'; src: url("https://static.getconfide.com/fonts/MuseoSans_500-webfont.eot"); src: url("https://static.getconfide.com/fonts/MuseoSans_500-webfont.eot?#iefix") format("embedded-opentype"), url("https://static.getconfide.com/fonts/MuseoSans_500-webfont.woff") format("woff"), url("https://static.getconfide.com/fonts/MuseoSans_500-webfont.ttf") format("truetype"), url("https://static.getconfide.com/fonts/MuseoSans_500-webfont.svg#museo_sans500") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'museo_sans'; src: url("https://static.getconfide.com/fonts/MuseoSans_300-webfont.eot"); src: url("https://static.getconfide.com/fonts/MuseoSans_300-webfont.eot?#iefix") format("embedded-opentype"), url("https://static.getconfide.com/fonts/MuseoSans_300-webfont.woff") format("woff"), url("https://static.getconfide.com/fonts/MuseoSans_300-webfont.ttf") format("truetype"), url("https://static.getconfide.com/fonts/MuseoSans_300-webfont.svg#museo_sans500") format("svg"); font-weight: normal; font-style: normal; } html, body { height: 100%; width: 100%; } body { font-family: "museo_sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } hr:not(.thin) { border-color: #fe814d; border-width: 3px; max-width: 50px; } hr.light { border-color: white; } a { -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #fe814d; } a:hover, a:focus { color: #fe5d1a; } h1, h2, h3, h4, h5, h6 { font-family: "museo_sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } p, .legal-section h5 { font-size: 16px; line-height: 1.5; margin-bottom: 20px; } .bg-primary { background-color: #fe814d; } .bg-primary .btn-default, .bg-primary .btn-default:hover { color: #fe814d; } .bg-primary a, .bg-primary a:hover { color: white; } .bg-dark { background-color: #383839; color: white; } .bg-light-gray { background-color: #edecef; } .text-faded { color: rgba(255, 255, 255, 0.7); } section { padding: 100px 0; } @media (max-width: 767px) { section:not(.header-section) { padding: 60px 0 30px; } } .no-padding { padding: 0; } .lowercase { text-transform: lowercase !important; } .download-buttons { display: flex; justify-content: space-around; justify-content: space-evenly; } #mainPromo { background-color: #fe814d; color: white; height: 44px; padding: 12px; position: fixed; text-align: center; top: 0; left: 0; right: 0; z-index: 1; } #mainPromo a { color: white; text-decoration: underline; } #mainPromo a:hover { cursor: pointer; } #mainPromo + .navbar-default { top: 44px; } #mainPromo + .navbar-default + header .header-content { padding-top: 144px; } .navbar-default { background-color: white; border-color: rgba(56, 56, 57, 0.05); padding-top: 10px; padding-bottom: 10px; font-family: "museo_sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } .navbar-default.navbar-no-border { border-bottom: none; } .navbar-default .navbar-header .navbar-brand { padding-top: 5px; padding-bottom: 5px; } .navbar-default .navbar-header .navbar-brand .logo { background-image: none, url('/public/images/website/logo-dark.svg'); background-size: 100% 100%; display: block; text-indent: -10000px; width: 150px; height: 100%; vertical-align: middle; } .navbar-default .nav > li > a, .navbar-default .nav > li > a:focus { text-transform: uppercase; font-size: 13px; color: #383839; } .navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus:hover { color: #fe814d; } .navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:focus { color: #fe814d !important; background-color: transparent; } .navbar-default .nav > li.active > a:hover, .navbar-default .nav > li.active > a:focus:hover { background-color: transparent; } .navbar-default .nav > li .badge { background-color: #fe814d; border-radius: 6px; margin-top: -10px; margin-bottom: -10px; padding-top: 10px; padding-bottom: 10px; } .navbar-default .nav > li .badge-border { border-color: #383839; border-style: solid; border-width: 1px; background-color: transparent; color: #383839; } .navbar-default .nav > li .badge-border:hover { background-color: #fe814d; border-color: #fe814d; color: white; } @media (min-width: 768px) { .navbar-default { background-color: transparent; border-color: rgba(255, 255, 255, 0.3); } .navbar-default .navbar-header .navbar-brand .logo { background-image: none, url('/public/images/website/logo-light.svg'); } .navbar-default .nav > li > a, .navbar-default .nav > li > a:focus { color: rgba(255, 255, 255, 0.7); } .navbar-default .nav > li > a .badge-border, .navbar-default .nav > li > a:focus .badge-border { -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; border-color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7); } .navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus:hover { color: white; } .navbar-default .nav > li > a:hover .badge-border, .navbar-default .nav > li > a:focus:hover .badge-border { background-color: rgba(255, 255, 255, 0.3); border-color: white; color: white; } .navbar-default .nav > li > a.navbar-download-scroll, .navbar-default .nav > li > a:focus.navbar-download-scroll { display: none; } .navbar-default.navbar-always-affix, .navbar-default.affix { background-color: white; border-color: rgba(56, 56, 57, 0.05); } .navbar-default.navbar-always-affix .navbar-header .navbar-brand .logo, .navbar-default.affix .navbar-header .navbar-brand .logo { background-image: none, url('/public/images/website/logo-dark.svg'); } .navbar-default.navbar-always-affix .navbar-header .navbar-brand:hover, .navbar-default.affix .navbar-header .navbar-brand:hover, .navbar-default.navbar-always-affix .navbar-header .navbar-brand:focus, .navbar-default.affix .navbar-header .navbar-brand:focus { color: #fe5d1a; } .navbar-default.navbar-always-affix .nav > li > a, .navbar-default.affix .nav > li > a, .navbar-default.navbar-always-affix .nav > li > a:focus, .navbar-default.affix .nav > li > a:focus { color: #383839; } .navbar-default.navbar-always-affix .nav > li > a .badge-border, .navbar-default.affix .nav > li > a .badge-border, .navbar-default.navbar-always-affix .nav > li > a:focus .badge-border, .navbar-default.affix .nav > li > a:focus .badge-border { border-color: #383839; border-style: solid; border-width: 1px; background-color: transparent; color: #383839; } .navbar-default.navbar-always-affix .nav > li > a:hover, .navbar-default.affix .nav > li > a:hover, .navbar-default.navbar-always-affix .nav > li > a:focus:hover, .navbar-default.affix .nav > li > a:focus:hover { color: #fe814d; } .navbar-default.navbar-always-affix .nav > li > a:hover .badge-border, .navbar-default.affix .nav > li > a:hover .badge-border, .navbar-default.navbar-always-affix .nav > li > a:focus:hover .badge-border, .navbar-default.affix .nav > li > a:focus:hover .badge-border { border-color: #fe814d; color: #fe814d; } .navbar-default.navbar-always-affix .nav > li > a.navbar-download-scroll, .navbar-default.affix .nav > li > a.navbar-download-scroll, .navbar-default.navbar-always-affix .nav > li > a:focus.navbar-download-scroll, .navbar-default.affix .nav > li > a:focus.navbar-download-scroll { display: block; } } header { position: relative; width: 100%; min-height: auto; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-color: #383839; background-position: top; background-image: url('/public/images/website/header.jpg'); background-repeat: no-repeat; text-align: center; color: white; } @media (max-width: 767px) { header { background-position: 50% 60px; } } header.bg-light-gray { background-image: none; background-color: #edecef; color: inherit; } header .header-content { position: relative; text-align: center; padding: 100px 15px 100px; width: 100%; } header .header-content > .row { display: flex; align-items: center; } header .header-content h1 { margin-top: 0; margin-bottom: 0; } header .header-content .header-content-inner > h1, header .header-content .header-content-inner > p { text-shadow: 0 2px 2px rgba(56, 56, 57, 0.7); } @media (min-width: 768px) { header { min-height: 100%; } header .header-content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 50px; } header .header-content > .row { max-width: 1200px; margin-left: auto; margin-right: auto; } header .header-content .header-content-inner p { max-width: 80%; margin-left: auto; margin-right: auto; } } header .header-footer { position: absolute; bottom: 0; left: 0; right: 0; } .header-content-inner-xs { padding-left: 0; padding-right: 0; } .section-heading { margin-top: 0; } #features section:nth-child(odd) { background-color: #edecef; } #security a { margin-top: 20px; } .security-tree-top .col-md-2 { height: 30px; margin-top: 10px; } .security-tree-top .col-md-2:nth-child(3) { border-right: 2px solid #383839; } .security-tree-bottom .col-md-2 { height: 50px; border-top: 2px solid #383839; } .security-tree-bottom .col-md-2:nth-child(odd) { border-right: 2px solid #383839; } .security-tree-bottom .col-md-2:first-child, .security-tree-bottom .col-md-2:last-child { border-top: 0; } #encryption .icon-lock { margin: 0 auto 60px; position: relative; } #ephemeral #ephemeral-hero { position: relative; } #ephemeral #ephemeral-hero > img { width: 100%; height: auto; } #ephemeral #ephemeral-hero > video { /* position at (111px, 356px) from origin of image, but do it percentage based so it resizes responsively */ position: absolute; width: 54.6052%; /* 498/912 */ height: auto; top: 14.9797%; /* 111/741 */ left: 39.0351%; /* 356/912 */ } #screenshot .device-container { margin-left: auto; margin-right: auto; max-width: 80%; } @media (min-width: 768px) { #screenshot .device-container { max-width: 60%; } } #screenshot .panel { box-shadow: 0 15px 35px rgba(51, 51, 51, 0.1), 0 5px 15px rgba(34, 34, 34, 0.1); } #screenshot .media-left { padding-right: 15px; } .device-mockup { padding-bottom: 207.19%; position: relative; width: 100%; } .device-mockup > .device { background-image: url('/public/images/website/iphone_6_port_gold_screenshot.png'); position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-size: 200% 100%; background-repeat: no-repeat; } .device-mockup > .device.screenshot { background-position: right; } .device-mockup > .device > .screen { position: absolute; overflow: hidden; top: 12.58%; bottom: 12.88%; left: 6.77%; right: 6.77%; } .device-mockup > .device > .screen > video { width: 100%; height: 100%; } @media (min-width: 768px) { #screenshot .row, #photos-documents .row, #retraction .row { display: flex; align-items: center; } } #download .btn { font-weight: normal; text-transform: none; } #download .btn > .fa { margin-right: 4px; } .feature-box { max-width: 400px; margin: 50px auto; } @media (min-width: 992px) { .feature-box { margin-top: 0; } } .feature-box p { margin-bottom: 0; } #pricing .pricing { padding: 20px 0 25px; } #pricing .pricing-amount { font-size: 3em; padding-right: 0; } #pricing .pricing-amount sup { font-size: 50%; top: -0.7em; } #pricing .pricing-terms { font-size: 1.25em; padding-top: 4px; } #pricing .panel { border-radius: 0; } #pricing .panel-primary .panel-body { background-color: rgba(254, 129, 77, 0.1); } #pricing .panel-heading { border-radius: 0; } #pricing .panel-body .btn { margin-left: auto; margin-right: auto; max-width: 250px; white-space: normal; } #pricing .panel-body > p:last-child { margin-bottom: 0; } #pricing table.table td { padding-top: 10px; padding-bottom: 10px; } #pricing table.table td:first-child { padding-left: 15px; padding-right: 5px; } #pricing table.table td:last-child { padding-left: 0; } #pricing table.table del { color: #c3c3c4; } .legal-section h5 { font-weight: bold; margin-bottom: 10px; } #support h3, #faq h3 { color: #fe814d; } #whitehat ul { font-size: 16px; } #team .row { margin-bottom: 50px; } #team img { margin: 0 auto; } #team p { font-size: 15px; } #investors h2 { margin-bottom: 50px; } #investors li { margin-bottom: 25px; padding: 0 15px; } #investors li img { height: 30px; opacity: 0.75; transition: opacity 0.25s; } #investors li img:hover { opacity: 1; } #office p { font-size: 12px; margin-top: 40px; } #enterprise-agreement ol { counter-reset: item; margin-top: 1em; } #enterprise-agreement ol > li { counter-increment: item; } #enterprise-agreement ol > li > ol > li { display: block; } #enterprise-agreement ol > li > ol > li:before { content: counters(item, ".") ". "; margin-left: -2em; } #enterprise-agreement ol > li > ol > li > ol > li:before { content: "(" counter(item, lower-alpha) ") "; margin-left: -1.25em; } #enterprise-agreement ol li { margin-bottom: 1em; } #add-me { text-align: center; min-height: 100%; display: flex; align-items: center; } #download-panel { position: relative; } #download-panel table { table-layout: fixed; } #download-panel table td { border-width: 0; border-left-width: 1px; padding: 20px; vertical-align: middle; } #download-panel .center-text-line { border-bottom: 1px solid #ddd; line-height: 0.1em; margin: 30px auto; max-width: 150px; width: 50%; } #download-panel .center-text-line > span { padding: 0 10px; } #download-panel .center-text-line > span, #download-panel .table-separator-vertical-or { background-color: white; color: rgba(0, 0, 0, 0.5); font-style: italic; user-select: none; } #download-panel .table-separator-vertical-or { margin: -10px 0; padding: 10px 0; position: absolute; right: 40%; top: 50%; transform: translate(50%, -50%); } footer { background-color: #383839; color: white; padding: 100px 0; } footer .press-logos { text-align: center; margin-bottom: 50px; } footer .press-logos > div { margin-bottom: 40px; opacity: 0.5; } footer .press-logos img { height: 30px; margin: 0 auto; } footer li { margin-bottom: 6px; } footer a, footer a:hover { color: #fff; } footer .glyphicon-globe { color: #fff; margin-right: 2px; } footer #language-chooser { color: #fff; font-weight: inherit; padding: 0; text-transform: inherit; } footer #language-chooser > .caret { border-top: 4px dashed; border-bottom: 0; } .text-primary { color: #fe814d; } .label-primary { background-color: #fe814d; } .no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus { border-color: #fe814d; box-shadow: 0 1px 1px #fe814d inset, 0 0 8px #fe814d; outline: 0 none; } .panel-primary { border-color: #fe814d; } .panel-primary > .panel-heading { background-color: #fe814d; border-color: #fe814d; } .btn-default { color: #383839; background-color: white; border-color: white; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } .btn-default:focus, .btn-default.focus { color: #383839; background-color: #e6e6e6; border-color: #bfbfbf; } .btn-default:hover { color: #383839; background-color: #e6e6e6; border-color: #e0e0e0; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #383839; background-color: #e6e6e6; border-color: #e0e0e0; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #383839; background-color: #d4d4d4; border-color: #bfbfbf; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: white; border-color: white; } .btn-default .badge { color: white; background-color: #383839; } .btn-primary { color: white; background-color: #fe814d; border-color: #fe814d; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } .btn-primary:focus, .btn-primary.focus { color: white; background-color: #fe5d1a; border-color: #ca3c01; } .btn-primary:hover { color: white; background-color: #fe5d1a; border-color: #fe5610; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: white; background-color: #fe5d1a; border-color: #fe5610; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: white; background-color: #f34801; border-color: #ca3c01; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #fe814d; border-color: #fe814d; } .btn-primary .badge { color: #fe814d; background-color: white; } .btn-link { color: #fe814d; background-color: transparent; border-color: transparent; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } .btn-link:focus, .btn-link.focus { color: #fe814d; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); } .btn-link:hover { color: #fe814d; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); } .btn-link:active, .btn-link.active, .open > .dropdown-toggle.btn-link { color: #fe814d; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); } .btn-link:active:hover, .btn-link.active:hover, .open > .dropdown-toggle.btn-link:hover, .btn-link:active:focus, .btn-link.active:focus, .open > .dropdown-toggle.btn-link:focus, .btn-link:active.focus, .btn-link.active.focus, .open > .dropdown-toggle.btn-link.focus { color: #fe814d; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); } .btn-link:active, .btn-link.active, .open > .dropdown-toggle.btn-link { background-image: none; } .btn-link.disabled:hover, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link.disabled:focus, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus, .btn-link.disabled.focus, .btn-link[disabled].focus, fieldset[disabled] .btn-link.focus { background-color: transparent; border-color: transparent; } .btn-link .badge { color: transparent; background-color: #fe814d; } .btn { font-family: "museo_sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; border: none; border-radius: 300px; font-weight: bold; text-transform: uppercase; } .btn-xl { padding: 15px 30px; } .btn-primary.btn-bordered { color: white; background-color: #fe814d; border-color: #fe814d; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; border: 2px solid #fe814d; background-color: inherit; color: #fe814d; } .btn-primary.btn-bordered:focus, .btn-primary.btn-bordered.focus { color: white; background-color: #fe5d1a; border-color: #ca3c01; } .btn-primary.btn-bordered:hover { color: white; background-color: #fe5d1a; border-color: #fe5610; } .btn-primary.btn-bordered:active, .btn-primary.btn-bordered.active, .open > .dropdown-toggle.btn-primary.btn-bordered { color: white; background-color: #fe5d1a; border-color: #fe5610; } .btn-primary.btn-bordered:active:hover, .btn-primary.btn-bordered.active:hover, .open > .dropdown-toggle.btn-primary.btn-bordered:hover, .btn-primary.btn-bordered:active:focus, .btn-primary.btn-bordered.active:focus, .open > .dropdown-toggle.btn-primary.btn-bordered:focus, .btn-primary.btn-bordered:active.focus, .btn-primary.btn-bordered.active.focus, .open > .dropdown-toggle.btn-primary.btn-bordered.focus { color: white; background-color: #f34801; border-color: #ca3c01; } .btn-primary.btn-bordered:active, .btn-primary.btn-bordered.active, .open > .dropdown-toggle.btn-primary.btn-bordered { background-image: none; } .btn-primary.btn-bordered.disabled:hover, .btn-primary.btn-bordered[disabled]:hover, fieldset[disabled] .btn-primary.btn-bordered:hover, .btn-primary.btn-bordered.disabled:focus, .btn-primary.btn-bordered[disabled]:focus, fieldset[disabled] .btn-primary.btn-bordered:focus, .btn-primary.btn-bordered.disabled.focus, .btn-primary.btn-bordered[disabled].focus, fieldset[disabled] .btn-primary.btn-bordered.focus { background-color: #fe814d; border-color: #fe814d; } .btn-primary.btn-bordered .badge { color: #fe814d; background-color: white; } ::-moz-selection { color: white; text-shadow: none; background: #383839; } ::selection { color: white; text-shadow: none; background: #383839; } img::selection { color: white; background: transparent; } img::-moz-selection { color: white; background: transparent; } body { webkit-tap-highlight-color: #383839; } .funnel .page-header {border-bottom: none; margin-bottom: 0;} .funnel .or-buttons-container { margin: 0px auto; max-width: 280px; } .funnel .panel-transparent {background-color: transparent; border: none;} .funnel label {font-weight: normal;} .funnel button.btn {font-weight: normal; border-radius: 9px; text-transform: none; white-space: normal;} .funnel .text-highlight { color: #ffd8c7; font-style: oblique;} .funnel .text-line-spaced {line-height: 2;} .funnel .or-buttons-container { margin: 0px auto; max-width: 280px; } .funnel .button-divider { position: relative; text-align: center; margin: 5px auto; width: 60%;} .funnel .button-divider .inner {padding: 0 10px; display: flex; justify-content: space-around; position: relative; } .funnel .button-divider:before { content: ''; position: absolute; top: 50%; left: 0; border-top: 1px solid rgb(255, 255, 255); background: transparent; width: 100%; transform: translateY(-50%); } .funnel .button-divider .text { width: 60px; height: 20px; background-color: #383839; font-size: 90%; } .funnel .btn.btn-icon {position: relative; padding: 12px 32px; padding-left: 60px; } .funnel .btn.btn-icon svg {position: absolute; top: 0; left: 0; transform: scale(0.8); left: 10px;} .funnel h1.normal, .funnel h2.normal {font-weight: normal;} .funnel .text-xl {font-size: 18px;} .funnel .logos {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: center;} .funnel .logos.desc span {display: inline-block; width: 134px; text-align: center;} .funnel .logos.featured img {margin-bottom: 15px;}