body { padding-top: 0; }
.left-aligned { margin-left: auto; }
.bg-dark { background-color: rgba(19, 27, 46, 0.85) !important;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

/* 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:#3972AC }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }

/* footer */
footer a { color: #3972AC; font-weight: bold; text-decoration: none; }
footer a:hover { color: #3972AC; text-decoration: underline; }

.buttons {
  min-width: 700px;
  display: flex;
  justify-content: space-around;
}

.buttons a {
  text-decoration: none;
  font-size: 10px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #d1e0f0;
  color: #3972AC;
  border-radius: 50%;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
  transition: all .4s ease-in-out;
}

.buttons a:hover {
  transform: scale(1.2);
}

.navbar-brand {
    background-image: url('https://static.igem.wiki/teams/4501/wiki/vp-web.png');
    background-repeat: no-repeat, no-repeat;
    background-size:cover;
    background-position: center;
}

/* General */
@font-face {
    font-family: leaguespartan;
    src: url(https://static.igem.wiki/teams/4501/wiki/leaguespartan-regular.ttf);
}
html *
{
   font-family: leaguespartan !important;
}
.bd-callout, .bd-callout-info{
    text-align: justify;
}
figcaption{
    text-align: justify;
    font-size: 90%;
}

.col-lg-12{
    color: rgba(57,114,172,1) !important;
}

/* Home */
.bg-hero {
    background-image: linear-gradient(90deg, rgba(57,114,172,0) 25%, rgba(57,114,172,1) 100%);
    background-attachment: fixed;
    background-repeat: no-repeat, no-repeat;
    background-size: cover;  
    background-position: center;
    min-height: 30em;
}
.text-white, .text-white-50{
    color: rgba(19, 27, 46, 0.85) !important;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.LOGO{
    float: left;
    height: fit-content;
    width: fit-content;
    max-width: 10em;
    max-height: 10em;
}

.home-subtitle{
    font-weight: bolder;
    font-size: 140%;
    vertical-align: middle;
    padding: 0;
}
/* Abstract */
.abstract{
    text-align: justify;
}
.s1{
    display: grid;
    grid-template-columns: 1fr 4fr;
    font-size: 150%;
}
.s1-img{
    float: left;
    height: 15em;
    width: auto;
    margin-right: 40px;
}
.s2{
    text-align: center;
    font-size: 150%;
}
.s3{
    display: grid;
    grid-template-columns: 6fr 1fr;
    font-size: 150%;
}
.s3-img{
    float: right;
    height: 22em;
    width: auto;
    margin-left: 0;
    padding-top: 40px;
}
/* Engineering-and-Design */
.design p{
    text-align: justify;
}
h2, h4, h5{
    color: #3972AC;
}
img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
.design-gif{
    height: max-content;
    width: max-content;
}


/* Safety */
.safety p{
    text-align: justify;
}
/* Communication */
.communication{
    text-align: justify;
}
/* Results */
.results{
    text-align: justify;
}
.results-img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: 80%;
}

.results-overview{
    font-size: 150%;
    font-weight: bolder;
}

/* Future work */
.future-work-overview{
    font-size: 150%;
    font-weight: bolder;
}

/* Sponsors*/
.sponsors{
    text-align: justify;
    display: grid;
    grid-template-columns: 4fr 1fr;
}
.sponsors-img{
    vertical-align: bottom;
    float: right;
    width: 160px;
    height: auto;
}

/* Footer */

/*team members*/

.members-wrap {
    width: 100%;
    height: auto;
}

.members-wrap>.member-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 64px;
}

.members-wrap>.member-item>.member-head {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 196px;
    box-sizing: border-box;
}

.members-wrap>.member-item>.member-head>img {
    width: 196px;
    height: 196px;
    border-radius: 100%;
    margin-bottom: 12px;
    display: inline-block;
}

.members-wrap>.member-item>.member-head>span {
    display: block;
    text-align: center;
    margin-top: 12px;
    font-size: 18px;
}

.members-wrap>.member-item>.member-info {
    flex: 1;
    font-size: 18px;
    padding-left: 48px;
    line-height: 32px;
    color: #000000;
    text-align: justify;
}