.left-aligned {
  margin-left: auto;
}

.bg-dark {
  background-color: white !important;
}

.bg-hero {
  margin-top: 60px;
  float: left;
  width: 100%;
}

.nav-btn {

  color: #0da1f0;
  text-decoration: none;
}

.nav-ul {
  color: #0da1f0;
  width: 60%;
  display: flex;
  text-align: center;
  justify-content: space-between;
  text-decoration: none;
}

.big-logo {
  width: 50px;
  height: 50px;
}

.menu-logo {
  width: 30px;
  height: 30px;
}

.menu-contact-logo {
  margin-left: 10px;
  width: 20px;
  height: 20px;
}

.head-logo {
  width: 30px;
  height: 30px;
  margin-left: 80px;
}

.menu-contact {
  text-align: center;
  width: 15%;
}

.menu-contact-text {
  width: 10%;
  height: 60px;
  font-size: 1.2em;
  text-align: center;
  line-height: 60px;
  color: white;
  background-color: #0da1f0;
}

/* CALLOUT */
.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #e9ecef;
  border-left-width: .25rem;
  border-radius: .25rem
}

.bd-callout h4 {
  margin-bottom: .25rem
}

.bd-callout p:last-child {
  margin-bottom: 0
}

.bd-callout code {
  border-radius: .25rem
}

.bd-callout+.bd-callout {
  margin-top: -.25rem
}

.bd-callout-info {
  border-left-color: #5bc0de
}

.bd-callout-warning {
  border-left-color: #f0ad4e
}

.bd-callout-danger {
  border-left-color: #d9534f
}

/* footer */
footer a {
  color: white;
  font-weight: bold;
  text-decoration: none;
}

footer a:hover {
  color: white;
  text-decoration: underline;
}



.foot-logo {

  float: left;
}

.foot-links {
  float: right;
}

.bg-foot {
  background-image: url('https://static.igem.wiki/teams/4717/wiki/foot-back.jpg');
}

.foot-head {
  margin: 30px 0px;
  align-items: center;
}

.foot-logo {
  float: left;
}

.foot-links {
  vertical-align: middle;
  height: 100%;
  float: right;
}

.bg-foot {
  background-image: url('https://static.igem.wiki/teams/4717/wiki/foot-back.jpg');
}



/*--------------------------------------MAIN BACKGROUND------------------------------------------*/
#main_content {
  /* background-image: url('https://static.igem.wiki/teams/4717/wiki/web-bg.jpeg'); */
  background-attachment: scroll;
  background-repeat: repeat;
  background-position: top;
  background-size: 100%;
  width: 100%;
  height: 100%;

  background-blend-mode: lighten;
}


/*--------------------------------------IMAGES AND EXPLANATIONS------------------------------------------*/

.picture_and_explanation {
  text-align: center;
}

.picture_and_explanation img {
  max-width: 60vw;
  height: auto;
}

.picture_and_explanation p {
  font-size: 1.1em !important;
  font-family: Arial;
  color: grey;
  text-align: center;
  margin-left: 5vw !important;
  margin-right: 5vw !important;
}




/*--------------------------------------MAIN TEXTS------------------------------------------*/
#texts {
  position: relative;
  top: 0vw;
  padding: 3vw;
  overflow: hidden;
}

#texts h1 {
  font-size: 5em;
  color: #630330;
  font-family: 'Open Sans';
  z-index: 5;
  font-weight: bolder;
  line-height: 1.2;
  letter-spacing: 0.6px;
  text-shadow: 2px 2px 5px #C0C0C0;
}


#texts .normal_texts h2 {
  font-size: 20pt;
  font-weight: 520;
  font-family: "Open Sans";
  margin-left: 2.4vw;
  margin-right: 2.4vw;
  line-height: 2.3vw;
}



#texts .normal_texts {
  background: white;
  border-radius: 24px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-left: 0.3vw;
  margin-right: 3vw;
  padding: 3vw;
}


#texts .normal_texts p {
  margin: 1.6vw 2.5vw;
  font-size: 1.5em;
  font-weight: 300;
  font-family: "LatoLight";
}


#texts .normal_texts ol {
  margin: 1.4vw 4.5vw;
  font-size: 1.5em;
  font-weight: 300;
  font-family: "LatoLight";
}

#texts .normal_texts li {
  margin: 0.7vw;
  font-weight: 300;
  font-family: "LatoLight";
}




#texts .funfacts {
  background-image: url(https://static.igem.org/mediawiki/2021/d/de/T--LINKS_China--funfacts_bubblev2.jpg);
  width: 55vw;
  height: 30vw;
  margin-left: 7vw;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;

}

#texts .funfacts p {
  position: relative;
  top: 12.5vw;
  margin-left: 8.7vw;
  margin-right: 24vw;
  margin-bottom: 0;
}


#texts .horizontal_zipper_texts {
  width: 65vw;
  height: auto;
}




/* home */
.start_content {
  background-image: url('https://static.igem.wiki/teams/4717/wiki/before-back.jpg');
  background-size: cover;
  width: 100%;
  height: 100%;
  padding: 50px 80px;
  display: flex;
  align-items: center;
  line-height: 2em;
}

.start_img {
  float: left;
  width: 450px;
  height: 450px;
  margin-right: 50px;

}

.style_content {
  background-image: url('https://static.igem.wiki/teams/4717/wiki/styling-your-wiki.jpg');
  background-size: cover;
  width: 100%;
  height: 100%;
  padding: 50px 80px;
  display: flex;
  align-items: center;

}

.style_body {
  color: white;
  line-height: 2em;
}

.style_img {
  margin: 100px 80px;
  width: 48%;
  float: right;

}

.tips_content {
  background-image: url('https://static.igem.wiki/teams/4717/wiki/tips.png');
  background-size: cover;
  width: 100%;
  height: 100%;
  padding: 50px 80px;
  display: flex;
  line-height: 2em;
}
table tr td{
  border: 1px solid #000000;
}