.btn, p .btn {display: inline-block}
.center-block { text-align:center; }
.text-light-blue {color:#7FE9FF}
p, li {font-weight:400}
@media(min-width:768px) {
	.tf-content {font-size:1.25em}
}

hr {}

h2 {color:#2E83B7; font-weight: 400}
@media(min-width:768px) {
	h2 {font-size:4.25rem; line-height: 1.15}
}

.image-popup {display: block}
.image-popup:hover {background:#2E83B7; position: relative}
.image-popup:hover:before {  content: "";
  display: inline-block;
  width: 72px; /* adjust as needed */
  height: 72px; /* adjust as needed */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='490' height='490'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='36' stroke-linecap='round' d='m280,278a153,153 0 1,0-2,2l170,170m-91-117 110,110-26,26-110-110'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;position: absolute; top:50%; left:50%; transform: translate(-50%,-50%)}
.image-popup:hover img {opacity:.5}

.header {background-repeat: no-repeat; background-position: center; background-size:cover}
.header h1 {font-size:1.4em; line-height: 1.1; color:#004766; font-weight: 400}
.header h1 img {display: block;}
@media(min-width:768px) {
	.header h1 img {}
	.header h1 {font-size:2.2em;}
}

.intro {color:#002338;}
	.intro-list-intro {color:#002338;}
		.intro-list-intro strong {font-weight: 500}
	.intro-list strong {font-weight: 500; color:#2E83B7;}
	.intro-list ul 	 {padding-left:1em; list-style-type: disc; }
	.intro-list ul li::marker {color:#2E83B7}
	.intro-list li + li {margin-top:1em}
	.intro-list-outro {}

@media(min-width:768px) {
	.intro-list li + li {margin-top:1.5em}
}

.adoption {background-color:#f4f8f9; color:#004766;}
		.adoption-intro strong {font-weight: 500}


.gateway {background-color:#002338; color:white; }

.early-detection {}
	.early-detection-list {}
	.early-detection-list img {display:inline-block;}
	.early-detection-list h3 {font-size: 1.25em; font-weight: 600; line-height: 1.1}
@media(min-width:768px) {
	.early-detection-list p {font-size: .65em;} 
	.early-detection-list h3 {font-size: 1.15em;}
}


.response-monitoring {background-color:#f4f8f9;}
	.response-block {background:white; border-radius: 1em; box-shadow: 3px 6px 10px 0 rgba(18,161,95,.07); padding:2em; font-size: 1.1em; line-height: 1 }
	.response-block p {line-height: 1.3; font-weight: 500 }
	.response-block p:last-child {margin-bottom:0}
.response-block img {max-width:113px; display: block; margin: 0 auto 1.5em;}
.response-block + .response-block {margin-top:2.5em;}
@media(min-width:768px) {
	.response-block { border-radius: 5em; padding:1em;}
	.response-block img {margin-bottom:0}
}

.quotation {background-repeat: no-repeat; background-position: center; background-size:cover; background-color:#002338; background-blend-mode: multiply;}
.quotation cite { font-style: normal}
.quotation  .quote-char {width:35px; margin: 0 auto 1em}
.quotation .quotation-citation {color:#7FE9FF; font-size: 1.1em; }
.quotation .quotation-citation strong {color:#7FE9FF; font-size: 1.2em;}

@media(min-width:768px) {
	.quotation  .quote-char {width:70px; margin-left:0 }
}

.monitoring {color:#002338; background-color:#BFDAEA; background-position: center top; background-repeat:no-repeat; background-size:auto 523px;}
.monitoring h2 {color:#002338}
.monitoring ul {padding-left:1em; list-style-type: disc;}
.monitoring li {}
.monitoring li + li {margin-top:1.25em;}
.monitoring hr {margin:1.5rem 0; border-color:#2E83B7}

@media(min-width:768px) {
	.monitoring {background-size:auto 1200px;}
	.monitoring hr {margin:3rem 0 4rem;}
}

.validation {color:#002338;  }
.validation ul {padding-left:1em; list-style-type: disc;}
.validation li {}
.validation li + li {margin-top:1.25em;}
.validation hr {margin:1.5rem 0; border-color:#2E83B7}

@media(min-width:768px) {
	.validation hr {margin:3rem 0 4rem;}
}

.technical {background-color:#f4f8f9; color:#002338}
.technical .tech-item {text-align:center; max-width: 66%; margin: 0 auto 2.25em; line-height: 1.2}
	.technical .tech-item p { font-weight: 600}
	.technical .tech-item-icon {text-align:center; width: 165px; padding: 20px; margin: 0 auto 1em; background:#fff; border-radius: 50%; }

@media(min-width:768px) {
	.technical .tech-item {background-color:#f4f8f9; max-width: none; margin: 0; padding: 2em 5em}
	.technical .md\:grid {background-color: #2E83B7; grid-gap: 1px;}
}



.take-action { background-color:#002338; }
.take-action hr  {margin:1.5rem 0; border-color:#2E83B7}
.take-action h3 {font-size: 1em; font-weight: 400}
@media(min-width:768px) {
.take-action hr  {margin:3rem 0;}
	
}