body { padding-top: 56px; }
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #ff0000;opacity: 1; }
.bg-menu{background-color: #6365c6;}
.bg-footer{background-color: aliceblue;}
.bg-hero { background-color: #7952b3;opacity: 1; }
.bg-highlight { background-color: #57068c; }
.bg-b1{background-image: url('https://static.igem.wiki/teams/4459/wiki/edu/30percent-transparent-nitrite.png');background-position: center;background-attachment: fixed;}
.bg-b2{background-image: url('https://static.igem.wiki/teams/4459/wiki/team/se12.jpg');background-position: center;background-size: 100%;}
.bg-b3{background-image: url('https://static.igem.wiki/teams/4459/wiki/team/enzime.jpg');background-position: center;background-size: 100%; background-repeat: no-repeat;}
.bg-b4{background-image: url('https://static.igem.wiki/teams/4459/wiki/team/nitritehitenzyme.jpg');background-position: center;background-size: 100%;}
/* 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: #f0ad4e; font-weight: bold; text-decoration: none; }
footer a:hover { color: rgb(31, 6, 6); text-decoration: underline; }

#Background{
  width: 100%;
  height: auto;
  position: center;
  display:flex;
  flex-flow: column nowrap;
  align-items: center;
}
.text-purple{
  color:#7952b3 ;
}
img.logo_heading{
  height: 80%
}
img.logo_footer{
    width: 100% ;
}
img.content{
  width: 100%;
  object-fit: cover;
}
div.kuangkuang{
  display:grid;
  grid-template-columns: repeat(12,1fr)
}
.big{
  grid-column-start: 1;
  grid-column-end: 12;
}
.left{
  grid-column-start: 1;
  grid-column-end: 6;
}
.right{
  grid-column-start:7 ;
  grid-column-end: 12;
}
.left3{
  grid-column-start: 1;
  grid-column-end: 4;
}
.middle3{
  grid-column-start: 5;
  grid-column-end: 8;
}
.right3{
  grid-column-start: 9;
  grid-column-end: 12
}
.bg{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('https://static.igem.wiki/teams/4459/wiki/team/nitritehitenzyme.jpg');
}
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.parallax 
{
    background-attachment:fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
} 
.pad{
  padding-top: 15px;
}

.italic{
  font-style: italic;
}

#textbig{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100px;
  color:#f0ad4e;
  font-weight: bold;
  text-align: center;
  background-color: aliceblue;
}
#textsmall{
  font:italic;
  font-size: 25px;
  color: #f0ad4e;
  text-align: left;
  font-weight: bold;
  background-color: #f0f8ff;
}
#textsmallbolder{
  font:italic;
  font-size: 25px;
  color: #f0ad4e;
  text-align: left;
  font-weight: bolder;
  background-color: #f0f8ff;
}
#textsmaller{
  font:italic;
  font-size: 20px;
  color: #f0ad4e;
  text-align: left;
  font-weight: bold;
  background-color: #f0f8ff;
}
#textstopic{
  font:italic;
  font-size: 40px;
  color: #f0ad4e;
  text-align: left;
  font-weight: bold;
  background-color: #f0f8ff;
}
#textmtopic{
  font:italic;
  font-size: 45px;
  color: #f0ad4e;
  text-align: left;
  font-weight: bold;
  background-color: #f0f8ff;
}
#textsmallbold{
  font:italic;
  font-size: 20px;
  color: #f0ad4e;
  text-align: center;
  font-weight: bolder;
  background-color: #f0f8ff;
}
#textmid{
  font:italic;
  font-size: 75;
  color:#f0ad4e;
  text-align: center;
  font-weight: bold;
  background-color: aliceblue;
}
#texthalf{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 65px;
  color:#f0ad4e;
  font-weight: bold;
  text-align: center;
  background-color: aliceblue;
}
#textblank{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 50px;
  color:#f0ad4e;
  font-weight: bold;
  text-align: center;
}
p.transparent{
  opacity: 0;
}
p.transparent:hover{
  opacity: 1;
}
#textblankbig{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 120px;
  color:#57068c;
  font-weight: bold;
  text-align: center;
  position: center;
}
#textblankwhite{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 120px;
  color:#ffffff;
  font-weight: bold;
  text-align: center;
  position: center;
}