@media (max-width: 767px) {
	 :root {
		 --identity-var-size: 100px;
	}
}
 @media (min-width: 768px) {
	 :root {
		 --identity-var-size: 150px;
	}
}
 @media (min-width: 992px) {
	 :root {
		 --identity-var-size: 180px;
	}
}
 @media (min-width: 1200px) {
	 :root {
		 --identity-var-size: 200px;
	}
}
:root {
	 --inner-square-color: #000000;
     --tag-long-size: calc(var(--identity-var-size)*1.1);
     --tag-short-size: calc(var(--identity-var-size)*0.8);
}
 .biosci-tag {
	 width: var(--tag-short-size);
	 height: var(--tag-long-size);
	 position: absolute;
	 z-index: 1;
}
 #biosci-tag > div {
	 --inner-square-size: calc(var(--identity-var-size)* 0.72);
	 width: var(--inner-square-size);
	 height: var(--inner-square-size);
	 background-color: var(--inner-square-color);
	 margin: calc(var(--identity-var-size)* 0.04);
	 position: absolute;
	 bottom: 0;
	 display: flex;
}
 #biosci-tag > div > img {
	 --inner-text-size: 92%;
	 width: var(--inner-text-size);
	 height: var(--inner-text-size);
	 margin:auto;
}
 .biosci-tag-navy {
	 background-color: #182B49;
}
 .biosci-tag-blue {
	 background-color: #00629B;
}
 .biosci-tag-yellow {
	 background-color: #FFCD00;
}
 .biosci-tag-turquoise {
	 background-color: #00C6D7;
}
 .biosci-tag-green {
	 background-color: #6E963B;
}
 .biosci-tag-orange {
	 background-color: #FC8900;
}
 .biosci-tag-upper-right {
	 right: 9%;
}
 @media (min-width: 1500px) {
	 .biosci-tag-upper-right {
		 right: 15%;
	}
}
 @media (min-width: 1700px) {
	 .biosci-tag-upper-right {
		 right: 22%;
	}
}
 .biosci-tag-upper-left {
	 left: 9%;
}
 @media (min-width: 1500px) {
	 .biosci-tag-upper-left {
		 left: 15%;
	}
}
 @media (min-width: 1700px) {
	 .biosci-tag-upper-left {
		 left: 22%;
	}
}
 
.biosci-tag-right-upper {
	 right: 0%;
	 width: var(--tag-long-size);
	 height: var(--tag-short-size);
	 margin-top: calc(var(--tag-short-size)*0.25);
}
 @media (min-width: 1200px) {
	 .biosci-tag-right-upper {
		 margin-top: calc(var(--tag-short-size)*0.5);
	}
}

.biosci-tag-right-lower {
	 right: 0%;
	 width: var(--tag-long-size);
	 height: var(--tag-short-size);
	 margin-bottom: calc(var(--tag-short-size)*0.25);
	 bottom:0;
}

 @media (min-width: 1200px) {
	 .biosci-tag-right-lower {
		 margin-bottom: calc(var(--tag-short-size)*0.5);
	}
}