@font-face {
    font-family: satoshi;
    src: url("../fonts/Satoshi-Light.woff") format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: satoshi;
    src: url("../fonts/Satoshi-LightItalic.woff") format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: satoshi;
    src: url("../fonts/Satoshi-Regular.woff") format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: satoshi;
    src: url("../fonts/Satoshi-Italic.woff") format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: satoshi;
    src: url("../fonts/Satoshi-Bold.woff") format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: satoshi;
    src: url("../fonts/Satoshi-BoldItalic.woff") format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: satoshi;
    src: url("../fonts/Satoshi-Black.woff") format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: satoshi;
    src: url("../fonts/Satoshi-BlackItalic.woff") format('woff');
    font-weight: 900;
    font-style: italic;
}


body {
  margin: 25px;
  background-color: #ffffff;
  font-family: satoshi !important;
  font-size: 16px;
  font-weight: 100;
  position: relative;
}

footer {
	background-color: #3f3f3f;
	color: #ffffff;
	padding-left: 30px;
	margin-top: 120px;
}

footer ul.footer-menu {
	list-style-type: none;
	padding-left: 0px;
	padding-top: 20px;
}

footer ul.footer-menu li {
	padding-bottom: 20px;
	font-weight: lighter;
}

.footer-menu-header {
	font-size:120%;
}

.line-dark {
	border-color: #5a5a5a;
}

.line-light {
	border-color: #e8e8e8;
}

.line-left {
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.line-top-left {
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-top-width: 1px;
}

.line-top {
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-top-width: 1px;
}

footer .colu {
	padding-left: 0px;
	padding-top: 60px;
}

footer .social-container-3 {
	background-color: #00b0a0;
	border-color: #00b0a0;
}

footer  a:hover,
footer  a:visited,
footer  a:active,
footer  a:link {
	text-decoration: none;
	color: #ffffff;
}

footer .contact-us-label {
	margin: 0;
	vertical-align: middle;	
}

.copyright {
	font-size: 80%;
}

.social-container {
	/*padding-top: 30px;*/
	/*padding-bottom: 30px;*/
	/*padding-left: 0px;*/
	/*padding-right: 0px;*/
	/*vertical-align: middle;*/
	/*line-height: 100%;*/
	font-size: 150%;
	/*margin:0;*/
	/*text-align: center;*/
	display:flex;
	justify-content: center;
	align-items:center;
    padding: 0 !important;
    height: 5em;
}

.social-container-1 {
	color: #00b0a0;
}

.social-container-2 {
	background-color: #7065f6;
}

main .section-padder {

	padding-top: 200px;
}

#section-1 .section-padder,
#section-3 .section-padder {
	padding-top: 100px;
}

#section-3 {
	padding-top:100px;
}

.legal h2, 
.legal h3 {
	margin-top:40px;
}

section {
	width: 100%;
}

.bg-pink {
	background-color: #b60284;
	color: #ffffff;
}

.bg-purple {
	background-color: #7066f6;
	color: #ffffff;
}

.bg-blue {
	background-color: #00b1a0;
	color: #ffffff;	

}

.bg-green {
	background-color: #00b0a0;
	color: #ffffff;
}


.cell-mo {
	text-align: center;
}

.cell-mo img {
	width: 90%;
	margin-top: 60px;
}

.cell-lungs img {
	max-width: 100%;
}

.cell-blood img {
	max-width: 100%;
	padding-top:11px;
}

.cell-cloud img {
	max-width: 100%;
}


.cell-cloud, 
.cell-lungs,
.cell-blood {
	text-align: center;
}

.col-tight {
	margin-bottom: -21px;
	position: relative;
}

.cell-full img {
	max-width: 100%;
	object-fit: cover;
}

.cell-full {
	width: 100%;
	height: 100%;
	margin:0 !important;
	padding:0 !important;
	vertical-align: middle;
}

.cell-integ {
	text-align: center;
	height:6em;
}

.cell-integ img {
	max-width: 100%;
	margin:0;
	height:100%;
}

.cell-blackt {
	background-image: url("../img/blackt.png");
	/*background-size: cover;*/
	height: 6em;
	background-repeat:round;
}

.cell-reverse {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}



.cell-main-gfx-m {
	padding:0 !important;
	/*width: 100%;*/
}


.cell-main-gfx-m img { 
	width: 100%;
}

.cell-greent {
	background-size: cover;
	background-image: url("../img/greent.png");
	height:6em;
	margin-top:11px !important;
	background-repeat: round;
}

.cell-blank-pink {
	background-image: url("../img/blank-ping.png");
	background-size: cover;
	height: 6em;	
}


.cell-blank-black {
	background-color: #3f3f3f;
	background-size: cover;
	height: 6em;	
}

.card-ab {
	background-image: url("../img/ab.png");
}

.card-swirlab {
	background-image: url("../img/swirlab.png");
	background-size: cover;
}

main .col-tight-post {
	padding-left: 0 !important;
}

.col-tight-post {
	padding-top: 21px;
}

.section-title {
	font-weight: 100;
	font-size: 350%;
	margin:0;
}


main .col-tight,
#section-problem .col-tight,
#section-algo .col-tight {
	padding-left: 0 !important;
	padding-top: 50px;
}
.section-pre-title {
	font-weight: 100;
	font-size: 180%;
	color: #00b1a0;
	display:block;
}

.section-content {
	font-size: 20px !important;
	font-weight: 100;
	line-height: 30px;
}

.section-content img {
	width: 100%;
	padding-top: 3rem;
}

.scan-card {
	padding-top: 30px;
	padding-bottom: 30px;
	height: 15em;
}

.scan-card .card-title {
	font-size: 1.6em;
	font-weight:100;
	padding-left: 20px;
	padding-right: 20px;
}

.scan-card .card-content {
	font-size: 1em;
	font-weight:100;
	padding-left: 20px;
	padding-right: 20px;
}

.section-title h1 {
	text-align: center;
	font-weight: 100;
	font-size: 110%;
	padding-bottom: 80px;
	padding-top:200px;
	padding-left: 40px;
	padding-right: 40px;
}

.text-logo-1 {
	font-family: 'Space Grotesk', serif;
	font-weight: 900;
	display: inline;
}

.text-logo-2 {
	font-family: 'Space Grotesk', serif;
	font-weight: 300;
	display: inline;
}

.pink-circ {
	position: relative;
}

.black-circ {
	/*background-image: url("../img/black-circ.png");*/
	display:flex;
	justify-content: right !important;
	padding:0 !important;

}

.black-circ img {
	max-width:100%;
	max-height:100%;
}

.pink-circ img {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 100%;
	max-height: 50%;
}

.cell-square {
	text-align: center;
	color: #ffffff;
	font-weight: 100;
	font-size:120%;
	min-height: 100%;
	height:8em;
	display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar {
	padding-left: 8em;
	padding-right: 8em;
	font-weight: 100;
}


.navbar-brand {
	font-size: 2.5rem !important;
}


.nav-link {
	font-size: 1.2rem !important;
}

media (min-width: 768px)
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

section#section-algo {
	padding-top: 200px;
}

section#section-problem {
	padding-top: 50px;
}

section#section-problem .container,
section#section-algo .container {
	background-color: #3f3f3f;
	color: #ffffff;
}

.stat-title {
	color: #00b0a0;
	font-weight: 100;
	font-size: 4rem;
	padding-top:50px;
	padding-left: 0 !important;
}

.purple {
	color: #7066f6;
}
.stat-content {
	font-weight: 100;
	font-size: 1em;
	padding-left: 0 !important;

}

section#section-problem .stat-content {
	font-size:1.5em;
}

.algo-name {
	font-weight: 900;
	text-transform: uppercase;
}

.btn.btn-cta {
	color: #ffffff;
	background-color: #b60284;
	border-radius: 0;
    padding-left: 2em;
    padding-right: 2em;
}

a.btn.btn-cta:hover,
a.btn.btn-cta:visited,
a.btn.btn-cta:active,
a.btn.btn-cta:link {
	text-decoration: none;
	color: #ffffff;
}


figcaption {
	font-size: 1rem;	
    padding-left: 40em;
}

cite {
   font-size: 1rem;
}

blockquote {
	padding-top: 200px;
}