.homewarp {
  width: 100%;
}

.coloryellow {
  color: #FFDE59
}

.colorblue {
  color: #2BF6FF;
}


.jbwarp {
  position: relative;
  margin-bottom: 4.3vw;
  height: 15.6vw;
}

.jbwarp .jb-img img{
  width: 100%;
  height: 18vw;
}

.jb-text {
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translate(-50%, -50%);
}

.jb-text h1 {
  padding: 3.9vw 0 0 6.3vw;
  color: #0CC0DF;
  font-size: 3.93vw;
  font-family: 'League Spartan', sans-serif;
}

.jb-text span {
  margin-left: 6.3vw;
  font-size: 1.43vw;
  color: #FFDE59;
}

.desc {
  padding: 0.4vw 0 0.4vw 2vw;
  color: white;
  background-color: #443F35;
}

.desc h2 {
  font-family: 'League Spartan', sans-serif;
}

.desc p {
  font-family: 'Roboto', sans-serif;
}


/* content1 */
.content1 {
  margin-top: 11.4vw;
  font-family: 'League Spartan', sans-serif;
}

.coculture h3 {
  font-size: 4vw;
  color: #FF914D;
  font-weight: bold;
}

.coculture {
  padding: 5vw 0 0 2.7vw;
}

.coculture span {
  display: block;
  color: white;
}

.coculture span:nth-child(2) {
  font-size: 2.5vw;
  font-weight: bold;
}

.coculture span:nth-child(3) {
  font-size: 2vw;
}

#bacteria {
  width: 15vw;
  transform: rotate(-4deg);
}

.coculture-detail {
  color: white;
  text-align: left;
}

.coculture-detail ul {

  width: 13vw;
  padding: 0;

  list-style: none;
  background-color: #00B4D8;
  border-radius: 1.5vw;
}

.marginleft5 {
  margin-left: -5vw;
}

.coculture-detail li {
  margin-left: 1vw;
  font-size: 0.8vw;
}

.bacteria-images {
  position: relative;
}

.bacteria-images img {
  position: absolute;
  width: 15vw;
}

.unfortunately {
  margin-top: 10vw;
  text-align: center;
  color: #FFDE59;
  font-size: 3.6vw;
  font-weight: bold;
}

/* isnotanoption */

.isnotanoption {
  margin-top: 5vw;
}

.isnotanoption h3 {
  color: #FFDE59;
  font-size: 2.5vw;
  margin-bottom: 1vw;
  font-weight: bold;
}

.isnotanoption span:nth-child(2) {
  font-size: 1.14vw;
  color: white;
  font-weight: bold;
}

.isnotanoption span:nth-child(4) {
  display: block;
  margin-top: 1vw;
  font-size: 1.16vw;
  color: white;
}

.isnotanoption span:nth-child(4) span {
  color: #FFDE59;
}

/* survey */
.survey {
  margin-top: 5vw;
}

.survey .container {
  padding: 0;
}

.survey h3 {

  font-size: 2.8vw;
  color: white;
  font-weight: bold;
}

.survey h4 {
  color: white;
  font-size: 2.4vw;
  vertical-align: center;
  font-weight: bold;
}

.survey h4 div {
  display: inline;
  font-size: 1vw;
}

.survey p {
  color: white;
  font-size: 0.95vw;
}

.survey .row img {
  width: 23.4vw;
}

.piechart {
  width: 26.8vw;
}

.survey h5 {
  font-size: 2.5vw;
  margin-top: 3vw;
  font-weight: bold;
}

.survey .worried {
  font-size: 1vw;
  display: block;
  color: white;
}


/* sowhatwill */

.sowhatwill h3 {
  font-weight: bold;
  margin-top: 7vw;
  text-align: center;
  color: #FFDE59;
  font-size: 3.9vw;
}

.sowhatwill .row .col img {
  margin-top: 3vw;
  width: 67.6vw;
}


/* CURRENT BIOCONTAINMENT SYSTEM */
.currentbiocontainment {
  margin-top: 8vw;
}

.currentbiocontainment h3 {
  font-weight: bold;
  text-align: left;
  color: #2BF6FF;
  font-size: 3.2vw;
}

.currentbiocontainment img {
  margin-top: 2vw;
  width: 60vw;
}


/* oursolution */

.oursolution {
  margin-top: 7vw;
}

.oursolution h3 {
  font-size: 2vw;
  font-weight: bold;
}

.oursolution h4 {
  color: #FF914D;
  font-size: 2.67vw;
  font-weight: bold;
}

.oursolution p {
  font-size: 1.43vw;
}

.oursolution p span {
  color: #FF914D;
}

.oursolution ul {
  padding: 1vw;
  margin-left: 1vw;
  background-color: #00B4D8;
  list-style: none;
  border-radius: 2vw;
}

.oursolution ul li {
  font-size: 1.58vw;
  color: white;
}


/* dilution */
.dilution {
  margin-top: 7vw;
  position: relative;
  text-align: center;
}

.dilution img {
  width: 67.6vw;
}

.dilution div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: right;
}

.dilution h3 {
  width: 50.6vw;
  font-weight: bold;
  margin: 0px;
  float: right;
  padding: 0;
  font-size: 4vw;
  color: black;
}

.dilution h4 {
  width: 50.6vw;
  font-weight: bold;
  margin: 0px;
  float: right;
  padding: 0;
  font-size: 4vw;
  color: black;
}

.dilution h3 span {
  color: #FF914D;
}

.dilution h4 span {
  color: #FF914D;
}

.dilution .colorblack {
  color: black;
}

/* wannaseemore */
.wannaseemore {
  text-align: center;
  margin-top: 7vw;
}

.wannaseemore h3 {
  font-size: 4vw;
  font-weight: bold;
}

.wannaseemore .container .row .col img {
  width: 19vw;
  border-radius: 3vw;
}

.wannaseemore .row {
  margin: 3vw 0 3vw 0;
}

.wannaseemore .container .row .col > div {
  width: 100%;
  position: relative;
  text-align: center;
  height: 15vw;
}

.wannaseemore .container .row .col a {
  font-size: 1.5vw;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none;
} 

.wannaseemore .container .row .col > a {
  display: block;
  line-height: 1;
}