@charset "utf-8";
/* CSS Document */
:root {
	--bar-width: 30px; --bar-height: 5px; --hamburger-gap: 3px; --foreground: white; --background: black; --animation-timing: 200ms ease-in-out; --hamburger-height: calc(var(--bar-height) * 3 + var(--hamburger-gap) * 2); --hamburger-margin: 8px; --grid-4-column-gap: 8px; --id-green01: #9DC41D; --id-green-02: #819A31; --id-green-03: #626F36; --id-green-04: #3F452D; --id-green-05: #31332A; --id-purple: #614A6B; --id-purple-50: #b0a5b5
}
.align-items-centre {
	align-items: center
}
.bblock-item { 
    align-self:stretch; padding: 30px; flex-grow: 1; max-width: 300px; min-width: 30%
}
.blog-pic {
	max-width: 100%; height: auto
}
body {
    font-family: "aileron", sans-serif; font-weight: 400; font-style: normal; color: #424141; font-size: 1em; text-align: center; line-height: 1.5em; margin: 0
}
.bottom-block {
	background-color: #0D3755 !important; margin: 10px 0; color: #FFFFFF; overflow: hidden
}
.bottom-block a:link, .bottom-block a:visited {
	color: #FFFFFF; text-decoration: underline
}
.bottom-curve {
	clip-path: ellipse(100% 60% at 50% 40%);
}
.bg-blue {
	background-color: #0F70B7; color: white
}
.bg-blue-dark {
	background-color: #0D3755; color: white
}
.bg-blue-dark-fade-50 {
	background-image: url("images/bg-dark-blue-fade-50.png"); background-repeat: repeat; color: white
}
.bg-blue-dark-fade-80 {
	background-image: url("images/bg-dark-blue-fade-80.png"); background-repeat: repeat; color: white
}
.bg-blur-behind {
	backdrop-filter: blur(5px)
}
.bg-fade-70 {
	background-image: url("images/bg-fade-70.png")
}
.bg-white {
	background-color: white; color: black
}
.blog-thumb {
	background-size: cover; padding-bottom: 50%; margin: -10px -10px 10px; overflow: hidden
}
.blog-thumb img {
	width: 100%; height: 180px; margin-bottom: -180px
}
.button {
	padding: 5px 20px; background-color: #0F70B7; color: white; border-radius: 10px; border: solid 1px #FFFFFF; min-width: 100px; cursor: pointer; border: solid 1px white !important
}
a:link.button , a:visited.button  {
	text-decoration: none !important
}
div {
	/*content-visibility: auto; transition: opacity 500ms ease-out, content-visibility 500ms allow-discrete;*/
}
.div-600 {
	max-width: 600px; margin: 0 auto
}
.div-800 {
	max-width: 800px; margin: 0 auto
}
.div-1000 {
	width: calc(100% - 20px); max-width: 980px; margin: 0 auto; padding: 0 10px
}
.div-1200 {
	max-width: 1200px; margin: 0 auto
}
.div-1600 {
	max-width: 1000px; margin: 0 auto
}
.div-border-black {
	border: solid 1px #000000
}
.div-centre {
	margin: 0 auto
}
.div-indent-10em {
	margin-left: 10em
}
.div-inline-block {
	display: inline-block
}
.div-margin-bottom-20 {
	margin-bottom: 20px
}
.div-margin-top-20 {
	margin-top: 20px
}
.div-pad-loose {
	padding-top: 100px; padding-bottom: 100px
}
.div-pad-loose-up {
	padding-top: 60px; padding-bottom: 100px
}
.div-pad-medium {
	padding-top: 60px; padding-bottom: 60px
}
.div-pad-medium-down {
	padding-top: 60px; padding-bottom: 20px
}
.div-pad-medium-up {
	padding-top: 20px; padding-bottom: 60px
}
.div-pad-tight {
	padding-top: 20px; padding-bottom: 20px
}
.div-pad-zero {
	padding-top: 0; padding-bottom: 0
}
.div-lozenge {
	border-radius: 15px; overflow: hidden
}
.div-pad-10 {
	padding: 10px
}
.div-pad-20 {
	padding: 20px
}
.div-top-v {
    position: relative; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; margin-bottom: -1px
}

.div-top-v svg {
    position: relative; display: block; width: calc(100% + 1.3px); height: 70px;
}
.div-top-v .shape-fill {
    fill: #0D3755;
}
.div-top-v .shape-fill-blue {
    fill: #0F70B7;
}
.errorMessage {
	color: red; font-weight: bold; text-align: center
}
.flex-30 {
	width: 30%; min-width: 300px
}
.flex-60 {
	width: 60%
}
.flex-container {
    display: flex; flex-wrap: wrap; margin: 10px 0; justify-content: space-between
}
.flex-item-40pc-gap-10, .flex-item-50pc-gap-10, .flex-item-60pc-gap-10, .flex-item-50pc-gap-20, .flex-item-50pc-gap-30 {
	width: 100%
}
.flex-unequal-height {
	align-items: flex-start; flex-wrap: wrap
}
.flex-variable {
	display: flex; flex-wrap: wrap; row-gap: 10px; column-gap: 10px; justify-content: center
}
.flex-variable-item-180 {
	width: calc(100% - 10px); padding: 10px
}
.flex-variable-item-360 {
	width: 360px; padding: 10px; overflow: hidden
}
.footnote {
	font-style: italic; font-size: 80%
}
.full-panel {
	margin: 0; border-radius: 10px; border: solid 1px #A3A0A0; overflow: hidden
}
.grid-40-60-container, .grid-50-50-container, .grid-3-container {
	width: 100%
}
.grid-item {
	padding: 10px; margin: 0 10px
}
h1 {
	font-weight: 400; font-size: 3em; line-height: 1.1em
}
h2 {
	font-weight: 400; font-size: 2em; line-height: 1.1em
}
h3 {
	font-weight: 400; font-size: 1.5em; line-height: 1.1em
}
h4 {
	font-weight: 400; font-size: 1.2em; margin-bottom: 0
}
h5 {
	font-weight: 400; font-size: 1em; margin: 0; text-indent: 2em; color: #0F70B7
}
.hamburger-menu {
	--x-width: calc(var(--hamburger-height) * 1.41421356237); display: flex; flex-direction: column; gap: var(--hamburger-gap); width: max-content; position: absolute; top: 16px; /*top: var(--hamburger-margin); left: var(--hamburger-margin);*/ right: 8px; z-index: 20; cursor: pointer;
}
.hamburger-menu::before, .hamburger-menu::after, .hamburger-menu input {
	content: ""; width: var(--bar-width); height: var(--bar-height); background-color: var(--foreground);  border-radius: 999px; transform-origin: left center; transition: opacity var(--animation-timing), width var(--animation-timing), rotate var(--animation-timing),  translate var(--animation-timing)
}
.hamburger-menu input {
	appearance: none; padding: 0; margin: 0; outline: none; pointer-events: none
}
.hamburger-menu:has(input:checked)::before {
	rotate: 45deg; width: var(--x-width); translate: 0 calc(var(--bar-height) / -2);
}
.hamburger-menu:has(input:checked)::after {
	rotate: -45deg; width: var(--x-width);  translate: 0 calc(var(--bar-height) / 2);
}
.hamburger-menu:has(input:checked) + .sidebar{
	translate: calc(100vw - 17rem);
}
.hamburger-menu input:checked {
	opacity: 0; width: 0
}
.highlight {
	font-weight: 100; font-size: 1.5em; line-height: 1.6em
}
.hero-2-1 {
	padding-bottom: 25%
}
.hero-aml {
	background-image:url("images/aml-hero-600.jpg"); padding: calc(18vw + 30px) 0 5vw; margin: 0
}
.hero-banks {
	background-image:url("images/banking-hero-600.jpg"); padding: calc(18vw + 30px) 0 15vw; margin: 0
}
.hero-dotledger {
	background-image:url("images/dotledger-hero-600.jpg"); padding: calc(35vw + 30px) 0 25vw; margin: 0
}
.hero-perspective {
	background-image:url("images/perspective-buildings-600.jpg"); padding: 20px 10px; margin: 0; background-size: cover
}
.hero-healthcare {
	background-image:url("images/healthcare-hero-600.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0; display: flex; align-items: center; align-content: center; flex-wrap: wrap
}
.hero-ekeyid {
    background-image:url("images/eKeyiD-Header-600.jpg"); padding: calc(60vw + 30px) 0 20vw; margin: 0
}
.hero-farmer {
	background-image:url("images/hero-african-farmer-600.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0;
}
.hero-federated-ledger {
	background-image:url("images/federated-ledger-600.jpg"); margin: 0;
}
.hero-four-globes {
	background-image:url("images/four-globes-600.jpg"); background-size: cover
}
.hero-identity {
	background-image:url("images/identity-hero-600.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0
}
.hero-import {
	background-image:url("images/hero-import-600.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0
}
.hero-interface {
	background-image:url("images/interface-hero-600.jpg"); padding: calc(22vw + 30px) 0 5vw; margin: 0
}
.hero-navigate {
	background-image:url("images/navigate-hero-600.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0;  background-size: cover
}
.hero-portal {
	background-image:url("sfscreen-600.jpg"); background-size: cover
}
.hero-nbfi {
	background-image:url("images/nbfi-hero-600.jpg"); padding: calc(5vw + 30px) 0 5vw; margin: 0
}
.hero-news {
	background-image:url("images/news-hero-600.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0
}
.hero-news-item {
	margin: 10px auto; border-radius: 10px; border: solid 1px #A3A0A0; overflow: hidden; width: calc(100% - 10px); max-width: 1600px; 
}
.hero-reflections {
	background-image: url("images/reflections-600.jpg"); background-size: cover
}
.hero-robots {
	background-image:url("images/two-robots.jpg"); background-size: cover
}
.hero-virtual-accounts {
	background-image:url("images/hero-virtual-account-globes-600.jpg"); padding: calc(30vw + 30px) 0 15vw; margin: 0
}
.iframe-container{
  position: relative; width: 100%; padding-bottom: 56.25%; height: 0;
}
.iframe-container iframe{
  position: absolute; top:0; left: 0; width: 100%; height: 100%;
}
img {
	max-width: 100%; height: auto; display: block
}
.indent-10 {
	text-indent: 2em
}
.inline {
	display: inline !important
}
input[type=text], input[type=date], input[type=email], input[type=password], input[type=number], select, textarea, option {
	padding: 10px; border-radius: 10px; border: solid 1px #124D77; box-sizing: border-box
}
input[type=submit] {
	border: none; box-sizing: border-box
}
.input-curve-left {
	border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; margin-right: 0
}
.input-error {
	border: solid 2px #EA5B0C !important; background-color: lightpink;
}
.input-mandatory {
	border: solid 2px #EA5B0C !important;
}
.input-wide {
	width: 95%
}
label {
	font-size: 80%
}
.logo {
	height: 30px; width: auto; margin: 25px 0; float: left
}
.mail-confirm {
	height: 0; line-height: 0; border: none; overflow: hidden
}
#main-drop {
	display: none
}
#main-drop-holder {
	position: relative; height: 0; line-height: 0; top: 20px; left: 0
}
.margin-10-right {
	margin-right: 10px
}
#menu-bar {
	height: 100px; background-image: url("images/menu-gradient.png"); background-repeat: repeat-x; position: absolute; top: 0; left: 0; right: 0; z-index: 20; text-align: left
}
#menu-holder {
    max-width: 1920px; margin: 0 auto; padding: 0 30px; display: block;
}
.menu-items {
	display: none
}
.menu-item a:link, .menu-item a:visited, #main-drop a:link,  #main-drop a:visited{
    color: #FFFFFF; text-decoration: none; margin: 0 20px; font-weight: 100
}
.min-width-50 {
	min-width: 50%
}
#mobile-holder {
	overflow: hidden; display: block
}
.mobile-v-margin-10 {
	margin-top: 10px
}
.news-image {
	margin: 0; border-radius: 10px; width: 100%; padding-bottom: 20%; background-size: cover; background-position: center
}
.news-image-404 {
	margin: 0; border-radius: 10px; width: 100%; padding-bottom: 30%; background-size: cover; background-position: center
}
.news-title {
	margin: 0 auto; width: 90%; max-width: 900px
}
.news-title h1 {
	font-size: 2em
}
.news-title h2 {
	font-size: 1.6em
}
.no-margin {
	margin: 0
}
.sidebar {
	margin-top: calc(var(--hamburger-height) + var(--hamburger-margin) + 1rem); background-image: url("images/mobile-menu-gradient.png"); background-size: cover; background-repeat: repeat-x; width: 15rem; padding: 0.5rem 1rem 2rem 0.5rem; transition: translate var(--animation-timing); position: absolute; z-index: 20; translate: -100%; top: 8px; text-align: left; border-left: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; border-bottom-left-radius: 20px
}
.sidebar a:link, .sidebar a:visited {
	color: white; text-decoration: none
}
#sub-menu {
	margin-left: 20px; max-height: 0; overflow: hidden; transition: max-height var(--animation-timing);
}
.text-align-centre {
	text-align: center
}
.text-align-left {
	text-align: left
}
.text-align-right {
	text-align: right
}
.text-align-variable {
        text-align: center
    }
.text-black {
	color: black !important
}
.text-blue {
	color: #0F70B7 !important
}
.text-bold {
	font-weight: 700
}
.text-bold-blue {
	font-weight: 700; color: #0F70B7
}
.text-bold-orange {
	font-weight: 700; color: #EA5B0C
}
.text-bold-italic {
	font-weight: 700; font-style: italic
}
.text-courier {
	font-family: Courier New, serif
}
.text-italic {
	font-style: italic
}
.text-light {
	font-weight: 100
}
.text-orange {
	color: #F39200
}
.text-thin {
	font-weight: 100
}
.text-white {
	color: white !important
}
#toggle-vis {
	max-height: 0; overflow: hidden; transition: max-height 1s 
}
.top-hero {
	background-size: cover; background-position: center;
}
.top-hero h1 {
	margin: 0; font-size: 2em
}
.top-hero h2 {
	font-size: 1.6em
}
.top-hero h3 {
	font-size: 1.4em
}
ul {
	list-style-position: outside
}
ul.inside {
	list-style-position: inside
}
.vault-hero {
	background-image:url("images/data-vault-600.jpg"); padding: 80px 10px; margin: 0
}

@media screen and (min-width: 600px) {
	.flex-variable-item-180 {
        width: 180px; padding: 10px
    }
	.grid-item {
		margin: inherit 0
	}
	.hero-aml {
        background-image:url("images/aml-hero-800.jpg"); padding: calc(18vw + 30px) 0 8vw;
    }
	.hero-banks {
        background-image:url("images/banking-hero-800.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0
    }
	.hero-dotledger {
        background-image:url("images/dotledger-hero-800.jpg"); padding: calc(30vw + 30px) 0 10vw; margin: 0
    }
	.hero-ekeyid {
        background-image:url("images/eKeyiD-Header-800.jpg"); padding: calc(35vw + 30px) 0 10vw; margin: 0
    }
	.hero-farmer {
        background-image:url("images/hero-african-farmer-800.jpg"); padding: calc(18vw + 30px) 0 12vw;
    }
	.hero-four-globes {
        background-image:url("images/four-globes-800.jpg");
    }
	.hero-healthcare {
        background-image:url("images/healthcare-hero-800.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0
    }
	.hero-identity {
        background-image:url("images/identity-hero-800.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0
    }
	.hero-interface {
        background-image:url("images/interface-hero-800.jpg"); padding: calc(30vw + 30px) 0 4vw; 
    }
	.hero-navigate {
        background-image:url("images/navigate-hero-800.jpg"); padding: calc(18vw + 30px) 0 12vw;
    }
	.hero-nbfi {
        background-image:url("images/nbfi-hero-800.jpg");
    }
	.hero-news {
        background-image:url("images/news-hero-800.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0
    }
	.hero-perspective {
        background-image:url("images/perspective-buildings-800.jpg"); padding: 20px;
    }
	.hero-portal {
        background-image:url("sfscreen-800.jpg");
    }
	.hero-virtual-accounts {
        background-image:url("images/hero-virtual-account-globes-800.jpg"); padding: calc(35vw + 30px) 0 10vw
    }
	.news-image {
		padding-bottom: 33%
	}
	.news-title {
		width: 84%; left: 8%; border-radius: 15px; top: 30vw
	}
	.v-align-centre {
		align-items: center
	}
	.vault-hero {
        background-image:url("images/data-vault-800.jpg"); padding: 80px; margin: 0
    }
}

@media screen and (min-width: 800px) {
	.grid-40-60-container {
        display: grid; grid-template-columns: 40% 60%; padding: 10px
    }
	.grid-50-50-container {
		display: grid; grid-template-columns: 1fr 1fr; padding: 10px
	}
	.grid-3-container {
        display: grid; grid-template-columns: auto auto auto; padding: 10px
    }
	.hero-aml {
        background-image:url("images/aml-hero-1000.jpg"); padding: calc(20vw + 30px) 0 6vw;
    }
	.hero-banks {
        background-image:url("images/banking-hero-1000.jpg"); padding: calc(12vw + 30px) 0 9vw; margin: 0
    }
	.hero-dotledger {
        background-image:url("images/dotledger-hero-1000.jpg"); padding: calc(20vw + 30px) 0 5vw; margin: 0
    }
	.hero-ekeyid {
        background-image:url("images/eKeyiD-Header-1000.jpg"); padding: calc(30vw + 30px) 0 15vw; margin: 0
    }
	.hero-farmer {
        background-image:url("images/hero-african-farmer-1000.jpg"); padding: calc(12vw + 30px) 0 6vw;
    }
	.hero-four-globes {
        background-image:url("images/four-globes-1000.jpg");
    }
	.hero-healthcare {
        background-image:url("images/healthcare-hero-1000.jpg"); padding: 80px 0 50px; margin: 0
    }
	.hero-identity {
        background-image:url("images/identity-hero-1000.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0
    }
	.hero-import {
        background-image:url("images/hero-import-1000.jpg"); padding: calc(12vw + 30px) 0 6vw;
    }
	.hero-portal {
        background-image:url("sfscreen-1000.jpg");
    }
	.hero-navigate {
        background-image:url("images/navigate-hero-1000.jpg"); padding: calc(18vw + 30px) 0 6vw;
    }
	.hero-nbfi {
        background-image:url("images/nbfi-hero-1000.jpg"); margin: 0
    }
	.hero-news {
        background-image:url("images/news-hero-1000.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0
    }
	.news-title {
		width: 70%; left: 15%; top: 35vw
	}
	.hero-perspective {
        background-image:url("images/perspective-buildings-1000.jpg"); padding: 30px;
    }
	.hero-virtual-accounts {
        background-image:url("images/hero-virtual-account-globes-1000.jpg"); padding: calc(35vw + 30px) 0 10vw
    }
	.mobile-v-margin-10 {
		margin-top: 0
	}
	.news-image {
		padding-bottom: 36%
	}
	.text-align-variable {
        text-align: left
    }
	.vault-hero {
        background-image:url("images/data-vault-1000.jpg"); padding: 120px; margin: 0
    }
}
@media screen and (min-width: 1000px) {
	.flex-gap-10 {
        display: flex; column-gap: 10px
    }
	.hero-aml {
        background-image:url("images/aml-hero-1200.jpg"); padding: calc(15vw + 30px) 0 5vw; margin: 0
    }
	.hero-banks {
        background-image:url("images/banking-hero-1200.jpg"); padding: calc(10vw + 30px) 0 7vw; margin: 0
    }
	.hero-dotledger {
        background-image:url("images/dotledger-hero-1200.jpg"); padding: calc(20vw + 30px) 0 5vw; margin: 0
    }
	.hero-ekeyid {
        background-image:url("images/eKeyiD-Header-1200.jpg"); padding: calc(25vw + 30px) 0 5vw; margin: 0
    }
	.hero-farmer {
        background-image:url("images/hero-african-farmer-1200.jpg")
    }
	.hero-four-globes {
        background-image:url("images/four-globes-1200.jpg");
    }
	.hero-healthcare {
        background-image:url("images/healthcare-hero-1200.jpg"); padding: 80px 0 50px; margin: 0
    }
	.hero-identity {
        background-image:url("images/identity-hero-1200.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0
    }
	.hero-import {
        background-image:url("images/hero-import-1200.jpg"); 
    }
	.hero-interface {
        background-image:url("images/interface-hero-1200.jpg"); padding: calc(25vw + 30px) 0 4vw
    }
	.hero-navigate {
        background-image:url("images/navigate-hero-1200.jpg"); padding: calc(18vw + 30px) 0 6vw;
    }
	.hero-nbfi {
        background-image:url("images/nbfi-hero-1200.jpg");
    }
	.hero-news {
        background-image:url("images/news-hero-1200.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0
    }
	.hero-perspective {
        background-image:url("images/perspective-buildings-1200.jpg"); padding: 30px 40px; 
    }
	.hero-portal {
        background-image:url("sfscreen-1200.jpg");
    }
	.hero-virtual-accounts {
        background-image:url("images/hero-virtual-account-globes-1200.jpg"); padding: calc(35vw + 30px) 0 10vw
    }
	.news-image {
		padding-bottom: 40%
	}
	.news-title {
		width: 60%; left: 20%; top: 38vw
	}
	.vault-hero {
        background-image:url("images/data-vault-1200.jpg"); padding: 120px; margin: 0
    }
}
@media screen and (min-width: 1200px) {
	.flex-item-30pc-gap-10 {
		width: calc(30% - 5px)
	}
	.flex-item-50pc-gap-10 {
		width: calc(50% - 5px)
	}
	.flex-item-50pc-gap-20 {
		width: calc(50% - 10px)
	}
	.flex-item-50pc-gap-30 {
		width: calc(50% - 15px)
	}
	.flex-item-70pc-gap-10 {
		width: calc(70% - 5px)
	}
	.flex-item-40pc-gap-10 {
		width: calc(30% - 5px)
	}
	.flex-item-60pc-gap-10 {
		width: calc(70% - 5px)
	}
	h1 {
		font-size: 4em
	}
	.hero-aml {
        background-image:url("images/aml-hero-1600.jpg");  margin: 0
    }
	.hero-banks {
        background-image:url("images/banking-hero-1600.jpg");  margin: 0
    }
	.hero-dotledger {
        background-image:url("images/dotledger-hero-1600.jpg"); padding: calc(20vw + 30px) 0 5vw; margin: 0
    }
	.hero-ekeyid {
        background-image:url("images/eKeyiD-Header-1600.jpg"); padding: calc(25vw + 30px) 0 7vw; margin: 0
    }
	.hero-farmer {
        background-image:url("images/hero-african-farmer-1600.jpg");
    }
	.hero-four-globes {
        background-image:url("images/four-globes-1600.jpg");
    }
	.hero-healthcare {
        background-image:url("images/healthcare-hero-1600.jpg"); padding: 80px 0 50px; margin: 0
    }
	.hero-identity {
        background-image:url("images/identity-hero-1600.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0
    }
	.hero-import {
        background-image:url("images/hero-import-1600.jpg"); 
    }
	.hero-nbfi {
        background-image:url("images/nbfi-hero-1600.jpg");
    }
	.hero-interface {
        background-image:url("images/interface-hero-1600.jpg"); padding: calc(25vw + 30px) 0 3vw
    }
	.hero-news {
        background-image:url("images/news-hero-1600.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0
    }
	.hero-perspective {
        background-image:url("images/perspective-buildings-1600.jpg"); padding: 40px 50px;
    }
	.hero-portal {
        background-image:url("sfscreen-1600.jpg");
    }
	.hero-virtual-accounts {
        background-image:url("images/hero-virtual-account-globes-1600.jpg"); padding: calc(35vw + 30px) 0 10vw
    }
	.news-title {
		top:34vw
	}
	.vault-hero {
        background-image:url("images/data-vault-1600.jpg"); padding: 120px; margin: 0
    }
}
@media screen and (min-width: 1600px) {
	h1 {
		font-size: 5em
	}
	.hero-aml {
        background-image:url("images/aml-hero.jpg"); margin: 0; padding: calc(12vw + 30px) 0 4vw
    }
	.hero-banks {
        background-image:url("images/banking-hero.jpg"); margin: 0; padding: calc(12vw + 30px) 0 4vw
    }
	.hero-dotledger {
        background-image:url("images/dotledger-hero.jpg"); padding: calc(20vw + 30px) 0 5vw; margin: 0
    }
	.hero-ekeyid {
        background-image:url("images/eKeyiD-Header.jpg"); padding: calc(22vw + 30px) 0 3vw; margin: 0
    }
	.hero-farmer {
        background-image:url("images/hero-african-farmer.jpg"); padding: calc(6vw + 30px) 0 3vw;
    }
	.hero-four-globes {
        background-image:url("images/four-globes.jpg");
    }
	.hero-healthcare {
        background-image:url("images/healthcare-hero-1920.jpg");
    }
	.hero-identity {
        background-image:url("images/identity-hero-1920.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0
    }
	.hero-import {
        background-image:url("images/hero-import.jpg"); padding: calc(6vw + 30px) 0 3vw;
    }
	.hero-interface {
        background-image:url("images/interface-hero.jpg"); padding: calc(20vw + 30px) 0 1vw;
    }
	.hero-nbfi {
        background-image:url("images/nbfi-hero.jpg");
    }
	.hero-perspective {
        background-image:url("images/perspective-buildings.jpg"); padding: 50px 100px;
    }
	.hero-portal {
        background-image:url("sfscreen.jpg");
    }
	.hero-virtual-accounts {
        background-image:url("images/hero-virtual-account-globes.jpg"); padding: calc(35vw + 30px) 0 6vw
    }
	#main-drop {
        position: relative; z-index: 25; background-image: url("images/menu-gradient.png"); background-repeat: repeat-x; width: 60%; text-align: right; display: flex; justify-content: flex-start; align-items: center; height: 2em; margin-left: -100%; top:-30px; border-top: solid 1px white; transition: margin-left var(--animation-timing); 
    }
	.news-image {
		padding-bottom: 30%
	}
	.menu-items {
        width: 60%; text-align: right; display: flex; justify-content: flex-start; align-items: center; height: 100px; margin-left: 30%;
    }
	.news-title {
		top: 400px
	}
	#mobile-holder {
		display: none
	}
	.vault-hero {
        background-image:url("images/data-vault-1920.jpg"); padding: 120px; margin: 0
    }
}
@media screen and (min-width: 1920px) {
	.hero-healthcare {
        background-image:url("images/healthcare-hero.jpg");  margin: 0
    }
	.hero-identity {
        background-image:url("images/identity-hero.jpg"); padding: calc(18vw + 30px) 0 12vw; margin: 0
    }
	.hero-perspective {
        padding: 50px 140px; 
    }
	.vault-hero {
        background-image:url("images/data-vault.jpg"); padding: 120px; margin: 0
    }
}