@charset "utf-8";
/* CSS Document */
img {
    width: 100%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}	
h3 {
    
    font-size: 1em;
    font-weight: bold;
    color: #2F4F4F;
    line-height: 30px;
}
a.button {
	background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.flex-container {
    display: flex;
	flex-direction: row;
	margin:-40px 20px 20px 20px;
	justify-content: center;
}
.img-container {
  	display: flex;
  	flex-direction: row;
  	flex-wrap: wrap;
  	margin:10px;
  	justify-content: flex-start;
}
.img-container > div {  padding:0px 5px; ;}
.img-container .item { background-color: #333; color: white; font-size: smaller; text-align: center;padding:2px; top:-20px; position:relative; display:block;}
 sup { line-height: 0; }
.pricing-box-price {
	text-align:center;
	font-size:2.5em;
	color: #019299;
line-height: 64px;
}
.pricing-box-price span {
    font-size: 18px;
    color: #019299;
    line-height: 32px;
}
.sample { 
	top:-40px;
	position:relative;
}
.center {
	text-align: center;
}
.bluebkg {
	border-radius:10px;
	background-color:#019299 !important; 
	color:white;
}
.yellowbkg {
	background-color:yellow;
}
.inspimg {
	float: right; margin: 4px 10px 0px 10px; border: 1px solid #000000; width:300px;height:300px;
}
.labimg {
	float: left; margin: 4px 10px 0px 10px; border: 1px solid #000000; width:150px; height:100px;
}
.certimg {
	max-width:500px; border:1px solid black;
}
.logotitle1 {
	margin-top:10px;
}
.footnote {
	text-align:center;font-size:smaller;
}

/* Responsive layout - makes a one column layout instead of a two-column layout */
		@media (max-width: 800px) {
		  .flex-container {
			flex-direction: column;
		  }
		}