Loading menubar.....

Difference between revisions of "Team:Tuebingen/Public Engagement"

 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html lang="en" dir="ltr" class="client-nojs" xmlns="http://www.w3.org/1999/html">
 
<html lang="en" dir="ltr" class="client-nojs" xmlns="http://www.w3.org/1999/html">
  
<meta charset="UTF-8" />
+
<meta charset="UTF-8"/>
  
 
<style>
 
<style>
Line 21: Line 21:
 
         height: 100%;
 
         height: 100%;
 
         z-index: 9999;
 
         z-index: 9999;
         background: #2B2B35;
+
         background: #292935;
 
     }
 
     }
  
Line 59: Line 59:
  
 
<body>
 
<body>
    <div class="se-pre-con">
+
<div class="se-pre-con">
        <img src="https://2019.igem.org/wiki/images/8/83/T--Tuebingen--preloader.gif">
+
    <img src="https://2019.igem.org/wiki/images/4/49/T--Tuebingen--DNA_gif.gif">
    </div>
+
</div>
    <script src="https://2019.igem.org/Team:Tuebingen/jqueryLoadJS?action=raw&ctype=text/javascript"></script>
+
<script src="https://2019.igem.org/Team:Tuebingen/jqueryLoadJS?action=raw&ctype=text/javascript"></script>
    <script src="https://2019.igem.org/Team:Tuebingen/jmodernizerJS?action=raw&ctype=text/javascript"></script>
+
<script src="https://2019.igem.org/Team:Tuebingen/jmodernizerJS?action=raw&ctype=text/javascript"></script>
    <script>
+
<script>
        $(window).load(function () {
+
    $(window).load(function () {
            setTimeout(removeLoader, 1000);
+
        setTimeout(removeLoader, 1000);
        }); //wait for page load PLUS one seconds.
+
    }); //wait for page load PLUS one seconds.
        function removeLoader() {
+
    function removeLoader() {
            $(".se-pre-con").fadeOut(500, function () {
+
        $(".se-pre-con").fadeOut(500, function () {
                // fadeOut complete. Remove the loading div
+
            // fadeOut complete. Remove the loading div
                $(".se-pre-con").remove(); //makes page more lightweight
+
            $(".se-pre-con").remove(); //makes page more lightweight
            });
+
        });
        }
+
    }
    </script>
+
</script>
 
</body>
 
</body>
  
Line 631: Line 631:
 
     }
 
     }
  
     a>code {
+
     a > code {
 
         color: inherit
 
         color: inherit
 
     }
 
     }
Line 720: Line 720:
 
     }
 
     }
  
     .no-gutters>.col,
+
     .no-gutters > .col,
     .no-gutters>[class*=col-] {
+
     .no-gutters > [class*=col-] {
 
         padding-right: 0;
 
         padding-right: 0;
 
         padding-left: 0
 
         padding-left: 0
Line 1,876: Line 1,876:
 
     }
 
     }
  
     .table tbody+tbody {
+
     .table tbody + tbody {
 
         border-top: 2px solid #dee2e6
 
         border-top: 2px solid #dee2e6
 
     }
 
     }
Line 1,903: Line 1,903:
 
     }
 
     }
  
     .table-borderless tbody+tbody,
+
     .table-borderless tbody + tbody,
 
     .table-borderless td,
 
     .table-borderless td,
 
     .table-borderless th,
 
     .table-borderless th,
Line 1,919: Line 1,919:
  
 
     .table-primary,
 
     .table-primary,
     .table-primary>td,
+
     .table-primary > td,
     .table-primary>th {
+
     .table-primary > th {
 
         background-color: #b8daff
 
         background-color: #b8daff
 
     }
 
     }
Line 1,928: Line 1,928:
 
     }
 
     }
  
     .table-hover .table-primary:hover>td,
+
     .table-hover .table-primary:hover > td,
     .table-hover .table-primary:hover>th {
+
     .table-hover .table-primary:hover > th {
 
         background-color: #9fcdff
 
         background-color: #9fcdff
 
     }
 
     }
  
 
     .table-secondary,
 
     .table-secondary,
     .table-secondary>td,
+
     .table-secondary > td,
     .table-secondary>th {
+
     .table-secondary > th {
 
         background-color: #d6d8db
 
         background-color: #d6d8db
 
     }
 
     }
Line 1,943: Line 1,943:
 
     }
 
     }
  
     .table-hover .table-secondary:hover>td,
+
     .table-hover .table-secondary:hover > td,
     .table-hover .table-secondary:hover>th {
+
     .table-hover .table-secondary:hover > th {
 
         background-color: #c8cbcf
 
         background-color: #c8cbcf
 
     }
 
     }
  
 
     .table-success,
 
     .table-success,
     .table-success>td,
+
     .table-success > td,
     .table-success>th {
+
     .table-success > th {
 
         background-color: #c3e6cb
 
         background-color: #c3e6cb
 
     }
 
     }
Line 1,958: Line 1,958:
 
     }
 
     }
  
     .table-hover .table-success:hover>td,
+
     .table-hover .table-success:hover > td,
     .table-hover .table-success:hover>th {
+
     .table-hover .table-success:hover > th {
 
         background-color: #b1dfbb
 
         background-color: #b1dfbb
 
     }
 
     }
  
 
     .table-info,
 
     .table-info,
     .table-info>td,
+
     .table-info > td,
     .table-info>th {
+
     .table-info > th {
 
         background-color: #bee5eb
 
         background-color: #bee5eb
 
     }
 
     }
Line 1,973: Line 1,973:
 
     }
 
     }
  
     .table-hover .table-info:hover>td,
+
     .table-hover .table-info:hover > td,
     .table-hover .table-info:hover>th {
+
     .table-hover .table-info:hover > th {
 
         background-color: #abdde5
 
         background-color: #abdde5
 
     }
 
     }
  
 
     .table-warning,
 
     .table-warning,
     .table-warning>td,
+
     .table-warning > td,
     .table-warning>th {
+
     .table-warning > th {
 
         background-color: #ffeeba
 
         background-color: #ffeeba
 
     }
 
     }
Line 1,988: Line 1,988:
 
     }
 
     }
  
     .table-hover .table-warning:hover>td,
+
     .table-hover .table-warning:hover > td,
     .table-hover .table-warning:hover>th {
+
     .table-hover .table-warning:hover > th {
 
         background-color: #ffe8a1
 
         background-color: #ffe8a1
 
     }
 
     }
  
 
     .table-danger,
 
     .table-danger,
     .table-danger>td,
+
     .table-danger > td,
     .table-danger>th {
+
     .table-danger > th {
 
         background-color: #f5c6cb
 
         background-color: #f5c6cb
 
     }
 
     }
Line 2,003: Line 2,003:
 
     }
 
     }
  
     .table-hover .table-danger:hover>td,
+
     .table-hover .table-danger:hover > td,
     .table-hover .table-danger:hover>th {
+
     .table-hover .table-danger:hover > th {
 
         background-color: #f1b0b7
 
         background-color: #f1b0b7
 
     }
 
     }
  
 
     .table-light,
 
     .table-light,
     .table-light>td,
+
     .table-light > td,
     .table-light>th {
+
     .table-light > th {
 
         background-color: #fdfdfe
 
         background-color: #fdfdfe
 
     }
 
     }
Line 2,018: Line 2,018:
 
     }
 
     }
  
     .table-hover .table-light:hover>td,
+
     .table-hover .table-light:hover > td,
     .table-hover .table-light:hover>th {
+
     .table-hover .table-light:hover > th {
 
         background-color: #ececf6
 
         background-color: #ececf6
 
     }
 
     }
  
 
     .table-dark,
 
     .table-dark,
     .table-dark>td,
+
     .table-dark > td,
     .table-dark>th {
+
     .table-dark > th {
 
         background-color: #c6c8ca
 
         background-color: #c6c8ca
 
     }
 
     }
Line 2,033: Line 2,033:
 
     }
 
     }
  
     .table-hover .table-dark:hover>td,
+
     .table-hover .table-dark:hover > td,
     .table-hover .table-dark:hover>th {
+
     .table-hover .table-dark:hover > th {
 
         background-color: #b9bbbe
 
         background-color: #b9bbbe
 
     }
 
     }
  
 
     .table-active,
 
     .table-active,
     .table-active>td,
+
     .table-active > td,
     .table-active>th {
+
     .table-active > th {
 
         background-color: rgba(0, 0, 0, .075)
 
         background-color: rgba(0, 0, 0, .075)
 
     }
 
     }
Line 2,048: Line 2,048:
 
     }
 
     }
  
     .table-hover .table-active:hover>td,
+
     .table-hover .table-active:hover > td,
     .table-hover .table-active:hover>th {
+
     .table-hover .table-active:hover > th {
 
         background-color: rgba(0, 0, 0, .075)
 
         background-color: rgba(0, 0, 0, .075)
 
     }
 
     }
Line 2,097: Line 2,097:
 
         }
 
         }
  
         .table-responsive-sm>.table-bordered {
+
         .table-responsive-sm > .table-bordered {
 
             border: 0
 
             border: 0
 
         }
 
         }
Line 2,111: Line 2,111:
 
         }
 
         }
  
         .table-responsive-md>.table-bordered {
+
         .table-responsive-md > .table-bordered {
 
             border: 0
 
             border: 0
 
         }
 
         }
Line 2,125: Line 2,125:
 
         }
 
         }
  
         .table-responsive-lg>.table-bordered {
+
         .table-responsive-lg > .table-bordered {
 
             border: 0
 
             border: 0
 
         }
 
         }
Line 2,139: Line 2,139:
 
         }
 
         }
  
         .table-responsive-xl>.table-bordered {
+
         .table-responsive-xl > .table-bordered {
 
             border: 0
 
             border: 0
 
         }
 
         }
Line 2,152: Line 2,152:
 
     }
 
     }
  
     .table-responsive>.table-bordered {
+
     .table-responsive > .table-bordered {
 
         border: 0
 
         border: 0
 
     }
 
     }
Line 2,272: Line 2,272:
 
     .form-control-plaintext.form-control-lg,
 
     .form-control-plaintext.form-control-lg,
 
     .form-control-plaintext.form-control-sm,
 
     .form-control-plaintext.form-control-sm,
     .input-group-lg>.form-control-plaintext.form-control,
+
     .input-group-lg > .form-control-plaintext.form-control,
     .input-group-lg>.input-group-append>.form-control-plaintext.btn,
+
     .input-group-lg > .input-group-append > .form-control-plaintext.btn,
     .input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,
+
     .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
     .input-group-lg>.input-group-prepend>.form-control-plaintext.btn,
+
     .input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
     .input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,
+
     .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
     .input-group-sm>.form-control-plaintext.form-control,
+
     .input-group-sm > .form-control-plaintext.form-control,
     .input-group-sm>.input-group-append>.form-control-plaintext.btn,
+
     .input-group-sm > .input-group-append > .form-control-plaintext.btn,
     .input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,
+
     .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
     .input-group-sm>.input-group-prepend>.form-control-plaintext.btn,
+
     .input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
     .input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text {
+
     .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text {
 
         padding-right: 0;
 
         padding-right: 0;
 
         padding-left: 0
 
         padding-left: 0
Line 2,287: Line 2,287:
  
 
     .form-control-sm,
 
     .form-control-sm,
     .input-group-sm>.form-control,
+
     .input-group-sm > .form-control,
     .input-group-sm>.input-group-append>.btn,
+
     .input-group-sm > .input-group-append > .btn,
     .input-group-sm>.input-group-append>.input-group-text,
+
     .input-group-sm > .input-group-append > .input-group-text,
     .input-group-sm>.input-group-prepend>.btn,
+
     .input-group-sm > .input-group-prepend > .btn,
     .input-group-sm>.input-group-prepend>.input-group-text {
+
     .input-group-sm > .input-group-prepend > .input-group-text {
 
         padding: .25rem .5rem;
 
         padding: .25rem .5rem;
 
         font-size: .875rem;
 
         font-size: .875rem;
Line 2,298: Line 2,298:
 
     }
 
     }
  
     .input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),
+
     .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]),
     .input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),
+
     .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
     .input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),
+
     .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
     .input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
+
     .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
     .input-group-sm>select.form-control:not([size]):not([multiple]),
+
     .input-group-sm > select.form-control:not([size]):not([multiple]),
 
     select.form-control-sm:not([size]):not([multiple]) {
 
     select.form-control-sm:not([size]):not([multiple]) {
 
         height: calc(1.8125rem + 2px)
 
         height: calc(1.8125rem + 2px)
Line 2,308: Line 2,308:
  
 
     .form-control-lg,
 
     .form-control-lg,
     .input-group-lg>.form-control,
+
     .input-group-lg > .form-control,
     .input-group-lg>.input-group-append>.btn,
+
     .input-group-lg > .input-group-append > .btn,
     .input-group-lg>.input-group-append>.input-group-text,
+
     .input-group-lg > .input-group-append > .input-group-text,
     .input-group-lg>.input-group-prepend>.btn,
+
     .input-group-lg > .input-group-prepend > .btn,
     .input-group-lg>.input-group-prepend>.input-group-text {
+
     .input-group-lg > .input-group-prepend > .input-group-text {
 
         padding: .5rem 1rem;
 
         padding: .5rem 1rem;
 
         font-size: 1.25rem;
 
         font-size: 1.25rem;
Line 2,319: Line 2,319:
 
     }
 
     }
  
     .input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),
+
     .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]),
     .input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),
+
     .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
     .input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),
+
     .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
     .input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
+
     .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
     .input-group-lg>select.form-control:not([size]):not([multiple]),
+
     .input-group-lg > select.form-control:not([size]):not([multiple]),
 
     select.form-control-lg:not([size]):not([multiple]) {
 
     select.form-control-lg:not([size]):not([multiple]) {
 
         height: calc(2.875rem + 2px)
 
         height: calc(2.875rem + 2px)
Line 2,346: Line 2,346:
 
     }
 
     }
  
     .form-row>.col,
+
     .form-row > .col,
     .form-row>[class*=col-] {
+
     .form-row > [class*=col-] {
 
         padding-right: 5px;
 
         padding-right: 5px;
 
         padding-left: 5px
 
         padding-left: 5px
Line 2,364: Line 2,364:
 
     }
 
     }
  
     .form-check-input:disabled~.form-check-label {
+
     .form-check-input:disabled ~ .form-check-label {
 
         color: #6c757d
 
         color: #6c757d
 
     }
 
     }
Line 2,426: Line 2,426:
 
     }
 
     }
  
     .custom-select.is-valid~.valid-feedback,
+
     .custom-select.is-valid ~ .valid-feedback,
     .custom-select.is-valid~.valid-tooltip,
+
     .custom-select.is-valid ~ .valid-tooltip,
     .form-control.is-valid~.valid-feedback,
+
     .form-control.is-valid ~ .valid-feedback,
     .form-control.is-valid~.valid-tooltip,
+
     .form-control.is-valid ~ .valid-tooltip,
     .was-validated .custom-select:valid~.valid-feedback,
+
     .was-validated .custom-select:valid ~ .valid-feedback,
     .was-validated .custom-select:valid~.valid-tooltip,
+
     .was-validated .custom-select:valid ~ .valid-tooltip,
     .was-validated .form-control:valid~.valid-feedback,
+
     .was-validated .form-control:valid ~ .valid-feedback,
     .was-validated .form-control:valid~.valid-tooltip {
+
     .was-validated .form-control:valid ~ .valid-tooltip {
 
         display: block
 
         display: block
 
     }
 
     }
  
     .form-check-input.is-valid~.form-check-label,
+
     .form-check-input.is-valid ~ .form-check-label,
     .was-validated .form-check-input:valid~.form-check-label {
+
     .was-validated .form-check-input:valid ~ .form-check-label {
 
         color: #28a745
 
         color: #28a745
 
     }
 
     }
  
     .form-check-input.is-valid~.valid-feedback,
+
     .form-check-input.is-valid ~ .valid-feedback,
     .form-check-input.is-valid~.valid-tooltip,
+
     .form-check-input.is-valid ~ .valid-tooltip,
     .was-validated .form-check-input:valid~.valid-feedback,
+
     .was-validated .form-check-input:valid ~ .valid-feedback,
     .was-validated .form-check-input:valid~.valid-tooltip {
+
     .was-validated .form-check-input:valid ~ .valid-tooltip {
 
         display: block
 
         display: block
 
     }
 
     }
  
     .custom-control-input.is-valid~.custom-control-label,
+
     .custom-control-input.is-valid ~ .custom-control-label,
     .was-validated .custom-control-input:valid~.custom-control-label {
+
     .was-validated .custom-control-input:valid ~ .custom-control-label {
 
         color: #28a745
 
         color: #28a745
 
     }
 
     }
  
     .custom-control-input.is-valid~.custom-control-label::before,
+
     .custom-control-input.is-valid ~ .custom-control-label::before,
     .was-validated .custom-control-input:valid~.custom-control-label::before {
+
     .was-validated .custom-control-input:valid ~ .custom-control-label::before {
 
         background-color: #71dd8a
 
         background-color: #71dd8a
 
     }
 
     }
  
     .custom-control-input.is-valid~.valid-feedback,
+
     .custom-control-input.is-valid ~ .valid-feedback,
     .custom-control-input.is-valid~.valid-tooltip,
+
     .custom-control-input.is-valid ~ .valid-tooltip,
     .was-validated .custom-control-input:valid~.valid-feedback,
+
     .was-validated .custom-control-input:valid ~ .valid-feedback,
     .was-validated .custom-control-input:valid~.valid-tooltip {
+
     .was-validated .custom-control-input:valid ~ .valid-tooltip {
 
         display: block
 
         display: block
 
     }
 
     }
  
     .custom-control-input.is-valid:checked~.custom-control-label::before,
+
     .custom-control-input.is-valid:checked ~ .custom-control-label::before,
     .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
+
     .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
 
         background-color: #34ce57
 
         background-color: #34ce57
 
     }
 
     }
  
     .custom-control-input.is-valid:focus~.custom-control-label::before,
+
     .custom-control-input.is-valid:focus ~ .custom-control-label::before,
     .was-validated .custom-control-input:valid:focus~.custom-control-label::before {
+
     .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
 
         box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25)
 
         box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25)
 
     }
 
     }
  
     .custom-file-input.is-valid~.custom-file-label,
+
     .custom-file-input.is-valid ~ .custom-file-label,
     .was-validated .custom-file-input:valid~.custom-file-label {
+
     .was-validated .custom-file-input:valid ~ .custom-file-label {
 
         border-color: #28a745
 
         border-color: #28a745
 
     }
 
     }
  
     .custom-file-input.is-valid~.custom-file-label::before,
+
     .custom-file-input.is-valid ~ .custom-file-label::before,
     .was-validated .custom-file-input:valid~.custom-file-label::before {
+
     .was-validated .custom-file-input:valid ~ .custom-file-label::before {
 
         border-color: inherit
 
         border-color: inherit
 
     }
 
     }
  
     .custom-file-input.is-valid~.valid-feedback,
+
     .custom-file-input.is-valid ~ .valid-feedback,
     .custom-file-input.is-valid~.valid-tooltip,
+
     .custom-file-input.is-valid ~ .valid-tooltip,
     .was-validated .custom-file-input:valid~.valid-feedback,
+
     .was-validated .custom-file-input:valid ~ .valid-feedback,
     .was-validated .custom-file-input:valid~.valid-tooltip {
+
     .was-validated .custom-file-input:valid ~ .valid-tooltip {
 
         display: block
 
         display: block
 
     }
 
     }
  
     .custom-file-input.is-valid:focus~.custom-file-label,
+
     .custom-file-input.is-valid:focus ~ .custom-file-label,
     .was-validated .custom-file-input:valid:focus~.custom-file-label {
+
     .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
 
         box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
 
         box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
 
     }
 
     }
Line 2,536: Line 2,536:
 
     }
 
     }
  
     .custom-select.is-invalid~.invalid-feedback,
+
     .custom-select.is-invalid ~ .invalid-feedback,
     .custom-select.is-invalid~.invalid-tooltip,
+
     .custom-select.is-invalid ~ .invalid-tooltip,
     .form-control.is-invalid~.invalid-feedback,
+
     .form-control.is-invalid ~ .invalid-feedback,
     .form-control.is-invalid~.invalid-tooltip,
+
     .form-control.is-invalid ~ .invalid-tooltip,
     .was-validated .custom-select:invalid~.invalid-feedback,
+
     .was-validated .custom-select:invalid ~ .invalid-feedback,
     .was-validated .custom-select:invalid~.invalid-tooltip,
+
     .was-validated .custom-select:invalid ~ .invalid-tooltip,
     .was-validated .form-control:invalid~.invalid-feedback,
+
     .was-validated .form-control:invalid ~ .invalid-feedback,
     .was-validated .form-control:invalid~.invalid-tooltip {
+
     .was-validated .form-control:invalid ~ .invalid-tooltip {
 
         display: block
 
         display: block
 
     }
 
     }
  
     .form-check-input.is-invalid~.form-check-label,
+
     .form-check-input.is-invalid ~ .form-check-label,
     .was-validated .form-check-input:invalid~.form-check-label {
+
     .was-validated .form-check-input:invalid ~ .form-check-label {
 
         color: #dc3545
 
         color: #dc3545
 
     }
 
     }
  
     .form-check-input.is-invalid~.invalid-feedback,
+
     .form-check-input.is-invalid ~ .invalid-feedback,
     .form-check-input.is-invalid~.invalid-tooltip,
+
     .form-check-input.is-invalid ~ .invalid-tooltip,
     .was-validated .form-check-input:invalid~.invalid-feedback,
+
     .was-validated .form-check-input:invalid ~ .invalid-feedback,
     .was-validated .form-check-input:invalid~.invalid-tooltip {
+
     .was-validated .form-check-input:invalid ~ .invalid-tooltip {
 
         display: block
 
         display: block
 
     }
 
     }
  
     .custom-control-input.is-invalid~.custom-control-label,
+
     .custom-control-input.is-invalid ~ .custom-control-label,
     .was-validated .custom-control-input:invalid~.custom-control-label {
+
     .was-validated .custom-control-input:invalid ~ .custom-control-label {
 
         color: #dc3545
 
         color: #dc3545
 
     }
 
     }
  
     .custom-control-input.is-invalid~.custom-control-label::before,
+
     .custom-control-input.is-invalid ~ .custom-control-label::before,
     .was-validated .custom-control-input:invalid~.custom-control-label::before {
+
     .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
 
         background-color: #efa2a9
 
         background-color: #efa2a9
 
     }
 
     }
  
     .custom-control-input.is-invalid~.invalid-feedback,
+
     .custom-control-input.is-invalid ~ .invalid-feedback,
     .custom-control-input.is-invalid~.invalid-tooltip,
+
     .custom-control-input.is-invalid ~ .invalid-tooltip,
     .was-validated .custom-control-input:invalid~.invalid-feedback,
+
     .was-validated .custom-control-input:invalid ~ .invalid-feedback,
     .was-validated .custom-control-input:invalid~.invalid-tooltip {
+
     .was-validated .custom-control-input:invalid ~ .invalid-tooltip {
 
         display: block
 
         display: block
 
     }
 
     }
  
     .custom-control-input.is-invalid:checked~.custom-control-label::before,
+
     .custom-control-input.is-invalid:checked ~ .custom-control-label::before,
     .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
+
     .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
 
         background-color: #e4606d
 
         background-color: #e4606d
 
     }
 
     }
  
     .custom-control-input.is-invalid:focus~.custom-control-label::before,
+
     .custom-control-input.is-invalid:focus ~ .custom-control-label::before,
     .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
+
     .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
 
         box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25)
 
         box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25)
 
     }
 
     }
  
     .custom-file-input.is-invalid~.custom-file-label,
+
     .custom-file-input.is-invalid ~ .custom-file-label,
     .was-validated .custom-file-input:invalid~.custom-file-label {
+
     .was-validated .custom-file-input:invalid ~ .custom-file-label {
 
         border-color: #dc3545
 
         border-color: #dc3545
 
     }
 
     }
  
     .custom-file-input.is-invalid~.custom-file-label::before,
+
     .custom-file-input.is-invalid ~ .custom-file-label::before,
     .was-validated .custom-file-input:invalid~.custom-file-label::before {
+
     .was-validated .custom-file-input:invalid ~ .custom-file-label::before {
 
         border-color: inherit
 
         border-color: inherit
 
     }
 
     }
  
     .custom-file-input.is-invalid~.invalid-feedback,
+
     .custom-file-input.is-invalid ~ .invalid-feedback,
     .custom-file-input.is-invalid~.invalid-tooltip,
+
     .custom-file-input.is-invalid ~ .invalid-tooltip,
     .was-validated .custom-file-input:invalid~.invalid-feedback,
+
     .was-validated .custom-file-input:invalid ~ .invalid-feedback,
     .was-validated .custom-file-input:invalid~.invalid-tooltip {
+
     .was-validated .custom-file-input:invalid ~ .invalid-tooltip {
 
         display: block
 
         display: block
 
     }
 
     }
  
     .custom-file-input.is-invalid:focus~.custom-file-label,
+
     .custom-file-input.is-invalid:focus ~ .custom-file-label,
     .was-validated .custom-file-input:invalid:focus~.custom-file-label {
+
     .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
 
         box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
 
         box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
 
     }
 
     }
Line 2,769: Line 2,769:
 
     .btn-primary:not(:disabled):not(.disabled).active,
 
     .btn-primary:not(:disabled):not(.disabled).active,
 
     .btn-primary:not(:disabled):not(.disabled):active,
 
     .btn-primary:not(:disabled):not(.disabled):active,
     .show>.btn-primary.dropdown-toggle {
+
     .show > .btn-primary.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #0062cc;
 
         background-color: #0062cc;
Line 2,777: Line 2,777:
 
     .btn-primary:not(:disabled):not(.disabled).active:focus,
 
     .btn-primary:not(:disabled):not(.disabled).active:focus,
 
     .btn-primary:not(:disabled):not(.disabled):active:focus,
 
     .btn-primary:not(:disabled):not(.disabled):active:focus,
     .show>.btn-primary.dropdown-toggle:focus {
+
     .show > .btn-primary.dropdown-toggle:focus {
 
         box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
 
         box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
 
     }
 
     }
Line 2,807: Line 2,807:
 
     .btn-secondary:not(:disabled):not(.disabled).active,
 
     .btn-secondary:not(:disabled):not(.disabled).active,
 
     .btn-secondary:not(:disabled):not(.disabled):active,
 
     .btn-secondary:not(:disabled):not(.disabled):active,
     .show>.btn-secondary.dropdown-toggle {
+
     .show > .btn-secondary.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #545b62;
 
         background-color: #545b62;
Line 2,815: Line 2,815:
 
     .btn-secondary:not(:disabled):not(.disabled).active:focus,
 
     .btn-secondary:not(:disabled):not(.disabled).active:focus,
 
     .btn-secondary:not(:disabled):not(.disabled):active:focus,
 
     .btn-secondary:not(:disabled):not(.disabled):active:focus,
     .show>.btn-secondary.dropdown-toggle:focus {
+
     .show > .btn-secondary.dropdown-toggle:focus {
 
         box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
 
         box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
 
     }
 
     }
Line 2,845: Line 2,845:
 
     .btn-success:not(:disabled):not(.disabled).active,
 
     .btn-success:not(:disabled):not(.disabled).active,
 
     .btn-success:not(:disabled):not(.disabled):active,
 
     .btn-success:not(:disabled):not(.disabled):active,
     .show>.btn-success.dropdown-toggle {
+
     .show > .btn-success.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #1e7e34;
 
         background-color: #1e7e34;
Line 2,853: Line 2,853:
 
     .btn-success:not(:disabled):not(.disabled).active:focus,
 
     .btn-success:not(:disabled):not(.disabled).active:focus,
 
     .btn-success:not(:disabled):not(.disabled):active:focus,
 
     .btn-success:not(:disabled):not(.disabled):active:focus,
     .show>.btn-success.dropdown-toggle:focus {
+
     .show > .btn-success.dropdown-toggle:focus {
 
         box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
 
         box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
 
     }
 
     }
Line 2,883: Line 2,883:
 
     .btn-info:not(:disabled):not(.disabled).active,
 
     .btn-info:not(:disabled):not(.disabled).active,
 
     .btn-info:not(:disabled):not(.disabled):active,
 
     .btn-info:not(:disabled):not(.disabled):active,
     .show>.btn-info.dropdown-toggle {
+
     .show > .btn-info.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #117a8b;
 
         background-color: #117a8b;
Line 2,891: Line 2,891:
 
     .btn-info:not(:disabled):not(.disabled).active:focus,
 
     .btn-info:not(:disabled):not(.disabled).active:focus,
 
     .btn-info:not(:disabled):not(.disabled):active:focus,
 
     .btn-info:not(:disabled):not(.disabled):active:focus,
     .show>.btn-info.dropdown-toggle:focus {
+
     .show > .btn-info.dropdown-toggle:focus {
 
         box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
 
         box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
 
     }
 
     }
Line 2,921: Line 2,921:
 
     .btn-warning:not(:disabled):not(.disabled).active,
 
     .btn-warning:not(:disabled):not(.disabled).active,
 
     .btn-warning:not(:disabled):not(.disabled):active,
 
     .btn-warning:not(:disabled):not(.disabled):active,
     .show>.btn-warning.dropdown-toggle {
+
     .show > .btn-warning.dropdown-toggle {
 
         color: #212529;
 
         color: #212529;
 
         background-color: #d39e00;
 
         background-color: #d39e00;
Line 2,929: Line 2,929:
 
     .btn-warning:not(:disabled):not(.disabled).active:focus,
 
     .btn-warning:not(:disabled):not(.disabled).active:focus,
 
     .btn-warning:not(:disabled):not(.disabled):active:focus,
 
     .btn-warning:not(:disabled):not(.disabled):active:focus,
     .show>.btn-warning.dropdown-toggle:focus {
+
     .show > .btn-warning.dropdown-toggle:focus {
 
         box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
 
         box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
 
     }
 
     }
Line 2,959: Line 2,959:
 
     .btn-danger:not(:disabled):not(.disabled).active,
 
     .btn-danger:not(:disabled):not(.disabled).active,
 
     .btn-danger:not(:disabled):not(.disabled):active,
 
     .btn-danger:not(:disabled):not(.disabled):active,
     .show>.btn-danger.dropdown-toggle {
+
     .show > .btn-danger.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #bd2130;
 
         background-color: #bd2130;
Line 2,967: Line 2,967:
 
     .btn-danger:not(:disabled):not(.disabled).active:focus,
 
     .btn-danger:not(:disabled):not(.disabled).active:focus,
 
     .btn-danger:not(:disabled):not(.disabled):active:focus,
 
     .btn-danger:not(:disabled):not(.disabled):active:focus,
     .show>.btn-danger.dropdown-toggle:focus {
+
     .show > .btn-danger.dropdown-toggle:focus {
 
         box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
 
         box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
 
     }
 
     }
Line 2,997: Line 2,997:
 
     .btn-light:not(:disabled):not(.disabled).active,
 
     .btn-light:not(:disabled):not(.disabled).active,
 
     .btn-light:not(:disabled):not(.disabled):active,
 
     .btn-light:not(:disabled):not(.disabled):active,
     .show>.btn-light.dropdown-toggle {
+
     .show > .btn-light.dropdown-toggle {
 
         color: #212529;
 
         color: #212529;
 
         background-color: #dae0e5;
 
         background-color: #dae0e5;
Line 3,005: Line 3,005:
 
     .btn-light:not(:disabled):not(.disabled).active:focus,
 
     .btn-light:not(:disabled):not(.disabled).active:focus,
 
     .btn-light:not(:disabled):not(.disabled):active:focus,
 
     .btn-light:not(:disabled):not(.disabled):active:focus,
     .show>.btn-light.dropdown-toggle:focus {
+
     .show > .btn-light.dropdown-toggle:focus {
 
         box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
 
         box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
 
     }
 
     }
Line 3,035: Line 3,035:
 
     .btn-dark:not(:disabled):not(.disabled).active,
 
     .btn-dark:not(:disabled):not(.disabled).active,
 
     .btn-dark:not(:disabled):not(.disabled):active,
 
     .btn-dark:not(:disabled):not(.disabled):active,
     .show>.btn-dark.dropdown-toggle {
+
     .show > .btn-dark.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #1d2124;
 
         background-color: #1d2124;
Line 3,043: Line 3,043:
 
     .btn-dark:not(:disabled):not(.disabled).active:focus,
 
     .btn-dark:not(:disabled):not(.disabled).active:focus,
 
     .btn-dark:not(:disabled):not(.disabled):active:focus,
 
     .btn-dark:not(:disabled):not(.disabled):active:focus,
     .show>.btn-dark.dropdown-toggle:focus {
+
     .show > .btn-dark.dropdown-toggle:focus {
 
         box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
 
         box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
 
     }
 
     }
Line 3,073: Line 3,073:
 
     .btn-outline-primary:not(:disabled):not(.disabled).active,
 
     .btn-outline-primary:not(:disabled):not(.disabled).active,
 
     .btn-outline-primary:not(:disabled):not(.disabled):active,
 
     .btn-outline-primary:not(:disabled):not(.disabled):active,
     .show>.btn-outline-primary.dropdown-toggle {
+
     .show > .btn-outline-primary.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #007bff;
 
         background-color: #007bff;
Line 3,081: Line 3,081:
 
     .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
 
     .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
 
     .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
 
     .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
     .show>.btn-outline-primary.dropdown-toggle:focus {
+
     .show > .btn-outline-primary.dropdown-toggle:focus {
 
         box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
 
         box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
 
     }
 
     }
Line 3,111: Line 3,111:
 
     .btn-outline-secondary:not(:disabled):not(.disabled).active,
 
     .btn-outline-secondary:not(:disabled):not(.disabled).active,
 
     .btn-outline-secondary:not(:disabled):not(.disabled):active,
 
     .btn-outline-secondary:not(:disabled):not(.disabled):active,
     .show>.btn-outline-secondary.dropdown-toggle {
+
     .show > .btn-outline-secondary.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #6c757d;
 
         background-color: #6c757d;
Line 3,119: Line 3,119:
 
     .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
 
     .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
 
     .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
 
     .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
     .show>.btn-outline-secondary.dropdown-toggle:focus {
+
     .show > .btn-outline-secondary.dropdown-toggle:focus {
 
         box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
 
         box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
 
     }
 
     }
Line 3,149: Line 3,149:
 
     .btn-outline-success:not(:disabled):not(.disabled).active,
 
     .btn-outline-success:not(:disabled):not(.disabled).active,
 
     .btn-outline-success:not(:disabled):not(.disabled):active,
 
     .btn-outline-success:not(:disabled):not(.disabled):active,
     .show>.btn-outline-success.dropdown-toggle {
+
     .show > .btn-outline-success.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #28a745;
 
         background-color: #28a745;
Line 3,157: Line 3,157:
 
     .btn-outline-success:not(:disabled):not(.disabled).active:focus,
 
     .btn-outline-success:not(:disabled):not(.disabled).active:focus,
 
     .btn-outline-success:not(:disabled):not(.disabled):active:focus,
 
     .btn-outline-success:not(:disabled):not(.disabled):active:focus,
     .show>.btn-outline-success.dropdown-toggle:focus {
+
     .show > .btn-outline-success.dropdown-toggle:focus {
 
         box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
 
         box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
 
     }
 
     }
Line 3,187: Line 3,187:
 
     .btn-outline-info:not(:disabled):not(.disabled).active,
 
     .btn-outline-info:not(:disabled):not(.disabled).active,
 
     .btn-outline-info:not(:disabled):not(.disabled):active,
 
     .btn-outline-info:not(:disabled):not(.disabled):active,
     .show>.btn-outline-info.dropdown-toggle {
+
     .show > .btn-outline-info.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #17a2b8;
 
         background-color: #17a2b8;
Line 3,195: Line 3,195:
 
     .btn-outline-info:not(:disabled):not(.disabled).active:focus,
 
     .btn-outline-info:not(:disabled):not(.disabled).active:focus,
 
     .btn-outline-info:not(:disabled):not(.disabled):active:focus,
 
     .btn-outline-info:not(:disabled):not(.disabled):active:focus,
     .show>.btn-outline-info.dropdown-toggle:focus {
+
     .show > .btn-outline-info.dropdown-toggle:focus {
 
         box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
 
         box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
 
     }
 
     }
Line 3,225: Line 3,225:
 
     .btn-outline-warning:not(:disabled):not(.disabled).active,
 
     .btn-outline-warning:not(:disabled):not(.disabled).active,
 
     .btn-outline-warning:not(:disabled):not(.disabled):active,
 
     .btn-outline-warning:not(:disabled):not(.disabled):active,
     .show>.btn-outline-warning.dropdown-toggle {
+
     .show > .btn-outline-warning.dropdown-toggle {
 
         color: #212529;
 
         color: #212529;
 
         background-color: #ffc107;
 
         background-color: #ffc107;
Line 3,233: Line 3,233:
 
     .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
 
     .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
 
     .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
 
     .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
     .show>.btn-outline-warning.dropdown-toggle:focus {
+
     .show > .btn-outline-warning.dropdown-toggle:focus {
 
         box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
 
         box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
 
     }
 
     }
Line 3,263: Line 3,263:
 
     .btn-outline-danger:not(:disabled):not(.disabled).active,
 
     .btn-outline-danger:not(:disabled):not(.disabled).active,
 
     .btn-outline-danger:not(:disabled):not(.disabled):active,
 
     .btn-outline-danger:not(:disabled):not(.disabled):active,
     .show>.btn-outline-danger.dropdown-toggle {
+
     .show > .btn-outline-danger.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #dc3545;
 
         background-color: #dc3545;
Line 3,271: Line 3,271:
 
     .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
 
     .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
 
     .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
 
     .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
     .show>.btn-outline-danger.dropdown-toggle:focus {
+
     .show > .btn-outline-danger.dropdown-toggle:focus {
 
         box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
 
         box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
 
     }
 
     }
Line 3,301: Line 3,301:
 
     .btn-outline-light:not(:disabled):not(.disabled).active,
 
     .btn-outline-light:not(:disabled):not(.disabled).active,
 
     .btn-outline-light:not(:disabled):not(.disabled):active,
 
     .btn-outline-light:not(:disabled):not(.disabled):active,
     .show>.btn-outline-light.dropdown-toggle {
+
     .show > .btn-outline-light.dropdown-toggle {
 
         color: #212529;
 
         color: #212529;
 
         background-color: #f8f9fa;
 
         background-color: #f8f9fa;
Line 3,309: Line 3,309:
 
     .btn-outline-light:not(:disabled):not(.disabled).active:focus,
 
     .btn-outline-light:not(:disabled):not(.disabled).active:focus,
 
     .btn-outline-light:not(:disabled):not(.disabled):active:focus,
 
     .btn-outline-light:not(:disabled):not(.disabled):active:focus,
     .show>.btn-outline-light.dropdown-toggle:focus {
+
     .show > .btn-outline-light.dropdown-toggle:focus {
 
         box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
 
         box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
 
     }
 
     }
Line 3,339: Line 3,339:
 
     .btn-outline-dark:not(:disabled):not(.disabled).active,
 
     .btn-outline-dark:not(:disabled):not(.disabled).active,
 
     .btn-outline-dark:not(:disabled):not(.disabled):active,
 
     .btn-outline-dark:not(:disabled):not(.disabled):active,
     .show>.btn-outline-dark.dropdown-toggle {
+
     .show > .btn-outline-dark.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #343a40;
 
         background-color: #343a40;
Line 3,347: Line 3,347:
 
     .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
 
     .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
 
     .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
 
     .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
     .show>.btn-outline-dark.dropdown-toggle:focus {
+
     .show > .btn-outline-dark.dropdown-toggle:focus {
 
         box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
 
         box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
 
     }
 
     }
  
     .btn-group-lg>.btn,
+
     .btn-group-lg > .btn,
 
     .btn-lg {
 
     .btn-lg {
 
         padding: .5rem 1rem;
 
         padding: .5rem 1rem;
Line 3,359: Line 3,359:
 
     }
 
     }
  
     .btn-group-sm>.btn,
+
     .btn-group-sm > .btn,
 
     .btn-sm {
 
     .btn-sm {
 
         padding: .25rem .5rem;
 
         padding: .25rem .5rem;
Line 3,372: Line 3,372:
 
     }
 
     }
  
     .btn-block+.btn-block {
+
     .btn-block + .btn-block {
 
         margin-top: .5rem
 
         margin-top: .5rem
 
     }
 
     }
Line 3,631: Line 3,631:
 
     }
 
     }
  
     .btn-group-vertical>.btn,
+
     .btn-group-vertical > .btn,
     .btn-group>.btn {
+
     .btn-group > .btn {
 
         position: relative;
 
         position: relative;
 
         -ms-flex: 0 1 auto;
 
         -ms-flex: 0 1 auto;
Line 3,638: Line 3,638:
 
     }
 
     }
  
     .btn-group-vertical>.btn:hover,
+
     .btn-group-vertical > .btn:hover,
     .btn-group>.btn:hover {
+
     .btn-group > .btn:hover {
 
         z-index: 1
 
         z-index: 1
 
     }
 
     }
  
     .btn-group-vertical>.btn.active,
+
     .btn-group-vertical > .btn.active,
     .btn-group-vertical>.btn:active,
+
     .btn-group-vertical > .btn:active,
     .btn-group-vertical>.btn:focus,
+
     .btn-group-vertical > .btn:focus,
     .btn-group>.btn.active,
+
     .btn-group > .btn.active,
     .btn-group>.btn:active,
+
     .btn-group > .btn:active,
     .btn-group>.btn:focus {
+
     .btn-group > .btn:focus {
 
         z-index: 1
 
         z-index: 1
 
     }
 
     }
  
     .btn-group .btn+.btn,
+
     .btn-group .btn + .btn,
     .btn-group .btn+.btn-group,
+
     .btn-group .btn + .btn-group,
     .btn-group .btn-group+.btn,
+
     .btn-group .btn-group + .btn,
     .btn-group .btn-group+.btn-group,
+
     .btn-group .btn-group + .btn-group,
     .btn-group-vertical .btn+.btn,
+
     .btn-group-vertical .btn + .btn,
     .btn-group-vertical .btn+.btn-group,
+
     .btn-group-vertical .btn + .btn-group,
     .btn-group-vertical .btn-group+.btn,
+
     .btn-group-vertical .btn-group + .btn,
     .btn-group-vertical .btn-group+.btn-group {
+
     .btn-group-vertical .btn-group + .btn-group {
 
         margin-left: -1px
 
         margin-left: -1px
 
     }
 
     }
Line 3,676: Line 3,676:
 
     }
 
     }
  
     .btn-group>.btn:first-child {
+
     .btn-group > .btn:first-child {
 
         margin-left: 0
 
         margin-left: 0
 
     }
 
     }
  
     .btn-group>.btn-group:not(:last-child)>.btn,
+
     .btn-group > .btn-group:not(:last-child) > .btn,
     .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
+
     .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
 
         border-top-right-radius: 0;
 
         border-top-right-radius: 0;
 
         border-bottom-right-radius: 0
 
         border-bottom-right-radius: 0
 
     }
 
     }
  
     .btn-group>.btn-group:not(:first-child)>.btn,
+
     .btn-group > .btn-group:not(:first-child) > .btn,
     .btn-group>.btn:not(:first-child) {
+
     .btn-group > .btn:not(:first-child) {
 
         border-top-left-radius: 0;
 
         border-top-left-radius: 0;
 
         border-bottom-left-radius: 0
 
         border-bottom-left-radius: 0
Line 3,707: Line 3,707:
 
     }
 
     }
  
     .btn-group-sm>.btn+.dropdown-toggle-split,
+
     .btn-group-sm > .btn + .dropdown-toggle-split,
     .btn-sm+.dropdown-toggle-split {
+
     .btn-sm + .dropdown-toggle-split {
 
         padding-right: .375rem;
 
         padding-right: .375rem;
 
         padding-left: .375rem
 
         padding-left: .375rem
 
     }
 
     }
  
     .btn-group-lg>.btn+.dropdown-toggle-split,
+
     .btn-group-lg > .btn + .dropdown-toggle-split,
     .btn-lg+.dropdown-toggle-split {
+
     .btn-lg + .dropdown-toggle-split {
 
         padding-right: .75rem;
 
         padding-right: .75rem;
 
         padding-left: .75rem
 
         padding-left: .75rem
Line 3,733: Line 3,733:
 
     }
 
     }
  
     .btn-group-vertical>.btn+.btn,
+
     .btn-group-vertical > .btn + .btn,
     .btn-group-vertical>.btn+.btn-group,
+
     .btn-group-vertical > .btn + .btn-group,
     .btn-group-vertical>.btn-group+.btn,
+
     .btn-group-vertical > .btn-group + .btn,
     .btn-group-vertical>.btn-group+.btn-group {
+
     .btn-group-vertical > .btn-group + .btn-group {
 
         margin-top: -1px;
 
         margin-top: -1px;
 
         margin-left: 0
 
         margin-left: 0
 
     }
 
     }
  
     .btn-group-vertical>.btn-group:not(:last-child)>.btn,
+
     .btn-group-vertical > .btn-group:not(:last-child) > .btn,
     .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
+
     .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
 
         border-bottom-right-radius: 0;
 
         border-bottom-right-radius: 0;
 
         border-bottom-left-radius: 0
 
         border-bottom-left-radius: 0
 
     }
 
     }
  
     .btn-group-vertical>.btn-group:not(:first-child)>.btn,
+
     .btn-group-vertical > .btn-group:not(:first-child) > .btn,
     .btn-group-vertical>.btn:not(:first-child) {
+
     .btn-group-vertical > .btn:not(:first-child) {
 
         border-top-left-radius: 0;
 
         border-top-left-radius: 0;
 
         border-top-right-radius: 0
 
         border-top-right-radius: 0
 
     }
 
     }
  
     .btn-group-toggle>.btn,
+
     .btn-group-toggle > .btn,
     .btn-group-toggle>.btn-group>.btn {
+
     .btn-group-toggle > .btn-group > .btn {
 
         margin-bottom: 0
 
         margin-bottom: 0
 
     }
 
     }
  
     .btn-group-toggle>.btn input[type=checkbox],
+
     .btn-group-toggle > .btn input[type=checkbox],
     .btn-group-toggle>.btn input[type=radio],
+
     .btn-group-toggle > .btn input[type=radio],
     .btn-group-toggle>.btn-group>.btn input[type=checkbox],
+
     .btn-group-toggle > .btn-group > .btn input[type=checkbox],
     .btn-group-toggle>.btn-group>.btn input[type=radio] {
+
     .btn-group-toggle > .btn-group > .btn input[type=radio] {
 
         position: absolute;
 
         position: absolute;
 
         clip: rect(0, 0, 0, 0);
 
         clip: rect(0, 0, 0, 0);
Line 3,778: Line 3,778:
 
     }
 
     }
  
     .input-group>.custom-file,
+
     .input-group > .custom-file,
     .input-group>.custom-select,
+
     .input-group > .custom-select,
     .input-group>.form-control {
+
     .input-group > .form-control {
 
         position: relative;
 
         position: relative;
 
         -ms-flex: 1 1 auto;
 
         -ms-flex: 1 1 auto;
Line 3,788: Line 3,788:
 
     }
 
     }
  
     .input-group>.custom-file:focus,
+
     .input-group > .custom-file:focus,
     .input-group>.custom-select:focus,
+
     .input-group > .custom-select:focus,
     .input-group>.form-control:focus {
+
     .input-group > .form-control:focus {
 
         z-index: 3
 
         z-index: 3
 
     }
 
     }
  
     .input-group>.custom-file+.custom-file,
+
     .input-group > .custom-file + .custom-file,
     .input-group>.custom-file+.custom-select,
+
     .input-group > .custom-file + .custom-select,
     .input-group>.custom-file+.form-control,
+
     .input-group > .custom-file + .form-control,
     .input-group>.custom-select+.custom-file,
+
     .input-group > .custom-select + .custom-file,
     .input-group>.custom-select+.custom-select,
+
     .input-group > .custom-select + .custom-select,
     .input-group>.custom-select+.form-control,
+
     .input-group > .custom-select + .form-control,
     .input-group>.form-control+.custom-file,
+
     .input-group > .form-control + .custom-file,
     .input-group>.form-control+.custom-select,
+
     .input-group > .form-control + .custom-select,
     .input-group>.form-control+.form-control {
+
     .input-group > .form-control + .form-control {
 
         margin-left: -1px
 
         margin-left: -1px
 
     }
 
     }
  
     .input-group>.custom-select:not(:last-child),
+
     .input-group > .custom-select:not(:last-child),
     .input-group>.form-control:not(:last-child) {
+
     .input-group > .form-control:not(:last-child) {
 
         border-top-right-radius: 0;
 
         border-top-right-radius: 0;
 
         border-bottom-right-radius: 0
 
         border-bottom-right-radius: 0
 
     }
 
     }
  
     .input-group>.custom-select:not(:first-child),
+
     .input-group > .custom-select:not(:first-child),
     .input-group>.form-control:not(:first-child) {
+
     .input-group > .form-control:not(:first-child) {
 
         border-top-left-radius: 0;
 
         border-top-left-radius: 0;
 
         border-bottom-left-radius: 0
 
         border-bottom-left-radius: 0
 
     }
 
     }
  
     .input-group>.custom-file {
+
     .input-group > .custom-file {
 
         display: -ms-flexbox;
 
         display: -ms-flexbox;
 
         display: flex;
 
         display: flex;
Line 3,825: Line 3,825:
 
     }
 
     }
  
     .input-group>.custom-file:not(:last-child) .custom-file-label,
+
     .input-group > .custom-file:not(:last-child) .custom-file-label,
     .input-group>.custom-file:not(:last-child) .custom-file-label::after {
+
     .input-group > .custom-file:not(:last-child) .custom-file-label::after {
 
         border-top-right-radius: 0;
 
         border-top-right-radius: 0;
 
         border-bottom-right-radius: 0
 
         border-bottom-right-radius: 0
 
     }
 
     }
  
     .input-group>.custom-file:not(:first-child) .custom-file-label,
+
     .input-group > .custom-file:not(:first-child) .custom-file-label,
     .input-group>.custom-file:not(:first-child) .custom-file-label::after {
+
     .input-group > .custom-file:not(:first-child) .custom-file-label::after {
 
         border-top-left-radius: 0;
 
         border-top-left-radius: 0;
 
         border-bottom-left-radius: 0
 
         border-bottom-left-radius: 0
Line 3,849: Line 3,849:
 
     }
 
     }
  
     .input-group-append .btn+.btn,
+
     .input-group-append .btn + .btn,
     .input-group-append .btn+.input-group-text,
+
     .input-group-append .btn + .input-group-text,
     .input-group-append .input-group-text+.btn,
+
     .input-group-append .input-group-text + .btn,
     .input-group-append .input-group-text+.input-group-text,
+
     .input-group-append .input-group-text + .input-group-text,
     .input-group-prepend .btn+.btn,
+
     .input-group-prepend .btn + .btn,
     .input-group-prepend .btn+.input-group-text,
+
     .input-group-prepend .btn + .input-group-text,
     .input-group-prepend .input-group-text+.btn,
+
     .input-group-prepend .input-group-text + .btn,
     .input-group-prepend .input-group-text+.input-group-text {
+
     .input-group-prepend .input-group-text + .input-group-text {
 
         margin-left: -1px
 
         margin-left: -1px
 
     }
 
     }
Line 3,891: Line 3,891:
 
     }
 
     }
  
     .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
+
     .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
     .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
+
     .input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
     .input-group>.input-group-append:not(:last-child)>.btn,
+
     .input-group > .input-group-append:not(:last-child) > .btn,
     .input-group>.input-group-append:not(:last-child)>.input-group-text,
+
     .input-group > .input-group-append:not(:last-child) > .input-group-text,
     .input-group>.input-group-prepend>.btn,
+
     .input-group > .input-group-prepend > .btn,
     .input-group>.input-group-prepend>.input-group-text {
+
     .input-group > .input-group-prepend > .input-group-text {
 
         border-top-right-radius: 0;
 
         border-top-right-radius: 0;
 
         border-bottom-right-radius: 0
 
         border-bottom-right-radius: 0
 
     }
 
     }
  
     .input-group>.input-group-append>.btn,
+
     .input-group > .input-group-append > .btn,
     .input-group>.input-group-append>.input-group-text,
+
     .input-group > .input-group-append > .input-group-text,
     .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
+
     .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
     .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
+
     .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
     .input-group>.input-group-prepend:not(:first-child)>.btn,
+
     .input-group > .input-group-prepend:not(:first-child) > .btn,
     .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
+
     .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
 
         border-top-left-radius: 0;
 
         border-top-left-radius: 0;
 
         border-bottom-left-radius: 0
 
         border-bottom-left-radius: 0
Line 3,930: Line 3,930:
 
     }
 
     }
  
     .custom-control-input:checked~.custom-control-label::before {
+
     .custom-control-input:checked ~ .custom-control-label::before {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #007bff
 
         background-color: #007bff
 
     }
 
     }
  
     .custom-control-input:focus~.custom-control-label::before {
+
     .custom-control-input:focus ~ .custom-control-label::before {
 
         box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
 
         box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
 
     }
 
     }
  
     .custom-control-input:active~.custom-control-label::before {
+
     .custom-control-input:active ~ .custom-control-label::before {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #b3d7ff
 
         background-color: #b3d7ff
 
     }
 
     }
  
     .custom-control-input:disabled~.custom-control-label {
+
     .custom-control-input:disabled ~ .custom-control-label {
 
         color: #6c757d
 
         color: #6c757d
 
     }
 
     }
  
     .custom-control-input:disabled~.custom-control-label::before {
+
     .custom-control-input:disabled ~ .custom-control-label::before {
 
         background-color: #e9ecef
 
         background-color: #e9ecef
 
     }
 
     }
Line 3,989: Line 3,989:
 
     }
 
     }
  
     .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
+
     .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
 
         background-color: #007bff
 
         background-color: #007bff
 
     }
 
     }
  
     .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
+
     .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
 
         background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
 
         background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
 
     }
 
     }
  
     .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
+
     .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
 
         background-color: #007bff
 
         background-color: #007bff
 
     }
 
     }
  
     .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
+
     .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
 
         background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
 
         background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
 
     }
 
     }
  
     .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
+
     .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
 
         background-color: rgba(0, 123, 255, .5)
 
         background-color: rgba(0, 123, 255, .5)
 
     }
 
     }
  
     .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
+
     .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
 
         background-color: rgba(0, 123, 255, .5)
 
         background-color: rgba(0, 123, 255, .5)
 
     }
 
     }
Line 4,017: Line 4,017:
 
     }
 
     }
  
     .custom-radio .custom-control-input:checked~.custom-control-label::before {
+
     .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
 
         background-color: #007bff
 
         background-color: #007bff
 
     }
 
     }
  
     .custom-radio .custom-control-input:checked~.custom-control-label::after {
+
     .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
 
         background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
 
         background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
 
     }
 
     }
  
     .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
+
     .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
 
         background-color: rgba(0, 123, 255, .5)
 
         background-color: rgba(0, 123, 255, .5)
 
     }
 
     }
Line 4,104: Line 4,104:
 
     }
 
     }
  
     .custom-file-input:focus~.custom-file-label {
+
     .custom-file-input:focus ~ .custom-file-label {
 
         border-color: #80bdff;
 
         border-color: #80bdff;
 
         box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 
         box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 
     }
 
     }
  
     .custom-file-input:focus~.custom-file-label::after {
+
     .custom-file-input:focus ~ .custom-file-label::after {
 
         border-color: #80bdff
 
         border-color: #80bdff
 
     }
 
     }
  
     .custom-file-input:lang(en)~.custom-file-label::after {
+
     .custom-file-input:lang(en) ~ .custom-file-label::after {
 
         content: "Browse"
 
         content: "Browse"
 
     }
 
     }
Line 4,331: Line 4,331:
  
 
     .nav-pills .nav-link.active,
 
     .nav-pills .nav-link.active,
     .nav-pills .show>.nav-link {
+
     .nav-pills .show > .nav-link {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #007bff
 
         background-color: #007bff
Line 4,350: Line 4,350:
 
     }
 
     }
  
     .tab-content>.tab-pane {
+
     .tab-content > .tab-pane {
 
         display: none
 
         display: none
 
     }
 
     }
  
     .tab-content>.active {
+
     .tab-content > .active {
 
         display: block
 
         display: block
 
     }
 
     }
Line 4,371: Line 4,371:
 
     }
 
     }
  
     .navbar>.container,
+
     .navbar > .container,
     .navbar>.container-fluid {
+
     .navbar > .container-fluid {
 
         display: -ms-flexbox;
 
         display: -ms-flexbox;
 
         display: flex;
 
         display: flex;
Line 4,463: Line 4,463:
 
     @media (max-width: 575.98px) {
 
     @media (max-width: 575.98px) {
  
         .navbar-expand-sm>.container,
+
         .navbar-expand-sm > .container,
         .navbar-expand-sm>.container-fluid {
+
         .navbar-expand-sm > .container-fluid {
 
             padding-right: 0;
 
             padding-right: 0;
 
             padding-left: 0
 
             padding-left: 0
Line 4,492: Line 4,492:
 
         }
 
         }
  
         .navbar-expand-sm>.container,
+
         .navbar-expand-sm > .container,
         .navbar-expand-sm>.container-fluid {
+
         .navbar-expand-sm > .container-fluid {
 
             -ms-flex-wrap: nowrap;
 
             -ms-flex-wrap: nowrap;
 
             flex-wrap: nowrap
 
             flex-wrap: nowrap
Line 4,512: Line 4,512:
 
     @media (max-width: 1199.98px) {
 
     @media (max-width: 1199.98px) {
  
         .navbar-expand-md>.container,
+
         .navbar-expand-md > .container,
         .navbar-expand-md>.container-fluid {
+
         .navbar-expand-md > .container-fluid {
 
             padding-right: 0;
 
             padding-right: 0;
 
             padding-left: 0
 
             padding-left: 0
Line 4,541: Line 4,541:
 
         }
 
         }
  
         .navbar-expand-md>.container,
+
         .navbar-expand-md > .container,
         .navbar-expand-md>.container-fluid {
+
         .navbar-expand-md > .container-fluid {
 
             -ms-flex-wrap: nowrap;
 
             -ms-flex-wrap: nowrap;
 
             flex-wrap: nowrap
 
             flex-wrap: nowrap
Line 4,561: Line 4,561:
 
     @media (max-width: 991.98px) {
 
     @media (max-width: 991.98px) {
  
         .navbar-expand-lg>.container,
+
         .navbar-expand-lg > .container,
         .navbar-expand-lg>.container-fluid {
+
         .navbar-expand-lg > .container-fluid {
 
             padding-right: 0;
 
             padding-right: 0;
 
             padding-left: 0
 
             padding-left: 0
Line 4,590: Line 4,590:
 
         }
 
         }
  
         .navbar-expand-lg>.container,
+
         .navbar-expand-lg > .container,
         .navbar-expand-lg>.container-fluid {
+
         .navbar-expand-lg > .container-fluid {
 
             -ms-flex-wrap: nowrap;
 
             -ms-flex-wrap: nowrap;
 
             flex-wrap: nowrap
 
             flex-wrap: nowrap
Line 4,610: Line 4,610:
 
     @media (max-width: 1199.98px) {
 
     @media (max-width: 1199.98px) {
  
         .navbar-expand-xl>.container,
+
         .navbar-expand-xl > .container,
         .navbar-expand-xl>.container-fluid {
+
         .navbar-expand-xl > .container-fluid {
 
             padding-right: 0;
 
             padding-right: 0;
 
             padding-left: 0
 
             padding-left: 0
Line 4,639: Line 4,639:
 
         }
 
         }
  
         .navbar-expand-xl>.container,
+
         .navbar-expand-xl > .container,
         .navbar-expand-xl>.container-fluid {
+
         .navbar-expand-xl > .container-fluid {
 
             -ms-flex-wrap: nowrap;
 
             -ms-flex-wrap: nowrap;
 
             flex-wrap: nowrap
 
             flex-wrap: nowrap
Line 4,664: Line 4,664:
 
     }
 
     }
  
     .navbar-expand>.container,
+
     .navbar-expand > .container,
     .navbar-expand>.container-fluid {
+
     .navbar-expand > .container-fluid {
 
         padding-right: 0;
 
         padding-right: 0;
 
         padding-left: 0
 
         padding-left: 0
Line 4,684: Line 4,684:
 
     }
 
     }
  
     .navbar-expand>.container,
+
     .navbar-expand > .container,
     .navbar-expand>.container-fluid {
+
     .navbar-expand > .container-fluid {
 
         -ms-flex-wrap: nowrap;
 
         -ms-flex-wrap: nowrap;
 
         flex-wrap: nowrap
 
         flex-wrap: nowrap
Line 4,723: Line 4,723:
 
     }
 
     }
  
     .navbar-light .navbar-nav .active>.nav-link,
+
     .navbar-light .navbar-nav .active > .nav-link,
 
     .navbar-light .navbar-nav .nav-link.active,
 
     .navbar-light .navbar-nav .nav-link.active,
 
     .navbar-light .navbar-nav .nav-link.show,
 
     .navbar-light .navbar-nav .nav-link.show,
     .navbar-light .navbar-nav .show>.nav-link {
+
     .navbar-light .navbar-nav .show > .nav-link {
 
         color: rgba(0, 0, 0, .9)
 
         color: rgba(0, 0, 0, .9)
 
     }
 
     }
Line 4,774: Line 4,774:
 
     }
 
     }
  
     .navbar-dark .navbar-nav .active>.nav-link,
+
     .navbar-dark .navbar-nav .active > .nav-link,
 
     .navbar-dark .navbar-nav .nav-link.active,
 
     .navbar-dark .navbar-nav .nav-link.active,
 
     .navbar-dark .navbar-nav .nav-link.show,
 
     .navbar-dark .navbar-nav .nav-link.show,
     .navbar-dark .navbar-nav .show>.nav-link {
+
     .navbar-dark .navbar-nav .show > .nav-link {
 
         color: #fff
 
         color: #fff
 
     }
 
     }
Line 4,817: Line 4,817:
 
     }
 
     }
  
     .card>hr {
+
     .card > hr {
 
         margin-right: 0;
 
         margin-right: 0;
 
         margin-left: 0
 
         margin-left: 0
 
     }
 
     }
  
     .card>.list-group:first-child .list-group-item:first-child {
+
     .card > .list-group:first-child .list-group-item:first-child {
 
         border-top-left-radius: .25rem;
 
         border-top-left-radius: .25rem;
 
         border-top-right-radius: .25rem
 
         border-top-right-radius: .25rem
 
     }
 
     }
  
     .card>.list-group:last-child .list-group-item:last-child {
+
     .card > .list-group:last-child .list-group-item:last-child {
 
         border-bottom-right-radius: .25rem;
 
         border-bottom-right-radius: .25rem;
 
         border-bottom-left-radius: .25rem
 
         border-bottom-left-radius: .25rem
Line 4,855: Line 4,855:
 
     }
 
     }
  
     .card-link+.card-link {
+
     .card-link + .card-link {
 
         margin-left: 1.25rem
 
         margin-left: 1.25rem
 
     }
 
     }
Line 4,870: Line 4,870:
 
     }
 
     }
  
     .card-header+.list-group .list-group-item:first-child {
+
     .card-header + .list-group .list-group-item:first-child {
 
         border-top: 0
 
         border-top: 0
 
     }
 
     }
Line 4,961: Line 4,961:
 
     }
 
     }
  
     .card-group>.card {
+
     .card-group > .card {
 
         margin-bottom: 15px
 
         margin-bottom: 15px
 
     }
 
     }
Line 4,971: Line 4,971:
 
         }
 
         }
  
         .card-group>.card {
+
         .card-group > .card {
 
             -ms-flex: 1 0 0%;
 
             -ms-flex: 1 0 0%;
 
             flex: 1 0 0%;
 
             flex: 1 0 0%;
Line 4,977: Line 4,977:
 
         }
 
         }
  
         .card-group>.card+.card {
+
         .card-group > .card + .card {
 
             margin-left: 0;
 
             margin-left: 0;
 
             border-left: 0
 
             border-left: 0
 
         }
 
         }
  
         .card-group>.card:first-child {
+
         .card-group > .card:first-child {
 
             border-top-right-radius: 0;
 
             border-top-right-radius: 0;
 
             border-bottom-right-radius: 0
 
             border-bottom-right-radius: 0
 
         }
 
         }
  
         .card-group>.card:first-child .card-header,
+
         .card-group > .card:first-child .card-header,
         .card-group>.card:first-child .card-img-top {
+
         .card-group > .card:first-child .card-img-top {
 
             border-top-right-radius: 0
 
             border-top-right-radius: 0
 
         }
 
         }
  
         .card-group>.card:first-child .card-footer,
+
         .card-group > .card:first-child .card-footer,
         .card-group>.card:first-child .card-img-bottom {
+
         .card-group > .card:first-child .card-img-bottom {
 
             border-bottom-right-radius: 0
 
             border-bottom-right-radius: 0
 
         }
 
         }
  
         .card-group>.card:last-child {
+
         .card-group > .card:last-child {
 
             border-top-left-radius: 0;
 
             border-top-left-radius: 0;
 
             border-bottom-left-radius: 0
 
             border-bottom-left-radius: 0
 
         }
 
         }
  
         .card-group>.card:last-child .card-header,
+
         .card-group > .card:last-child .card-header,
         .card-group>.card:last-child .card-img-top {
+
         .card-group > .card:last-child .card-img-top {
 
             border-top-left-radius: 0
 
             border-top-left-radius: 0
 
         }
 
         }
  
         .card-group>.card:last-child .card-footer,
+
         .card-group > .card:last-child .card-footer,
         .card-group>.card:last-child .card-img-bottom {
+
         .card-group > .card:last-child .card-img-bottom {
 
             border-bottom-left-radius: 0
 
             border-bottom-left-radius: 0
 
         }
 
         }
  
         .card-group>.card:only-child {
+
         .card-group > .card:only-child {
 
             border-radius: .25rem
 
             border-radius: .25rem
 
         }
 
         }
  
         .card-group>.card:only-child .card-header,
+
         .card-group > .card:only-child .card-header,
         .card-group>.card:only-child .card-img-top {
+
         .card-group > .card:only-child .card-img-top {
 
             border-top-left-radius: .25rem;
 
             border-top-left-radius: .25rem;
 
             border-top-right-radius: .25rem
 
             border-top-right-radius: .25rem
 
         }
 
         }
  
         .card-group>.card:only-child .card-footer,
+
         .card-group > .card:only-child .card-footer,
         .card-group>.card:only-child .card-img-bottom {
+
         .card-group > .card:only-child .card-img-bottom {
 
             border-bottom-right-radius: .25rem;
 
             border-bottom-right-radius: .25rem;
 
             border-bottom-left-radius: .25rem
 
             border-bottom-left-radius: .25rem
 
         }
 
         }
  
         .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
+
         .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
 
             border-radius: 0
 
             border-radius: 0
 
         }
 
         }
  
         .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
+
         .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
         .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
+
         .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
         .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
+
         .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
         .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
+
         .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
 
             border-radius: 0
 
             border-radius: 0
 
         }
 
         }
Line 5,094: Line 5,094:
 
     }
 
     }
  
     .breadcrumb-item+.breadcrumb-item {
+
     .breadcrumb-item + .breadcrumb-item {
 
         padding-left: .5rem
 
         padding-left: .5rem
 
     }
 
     }
  
     .breadcrumb-item+.breadcrumb-item::before {
+
     .breadcrumb-item + .breadcrumb-item::before {
 
         display: inline-block;
 
         display: inline-block;
 
         padding-right: .5rem;
 
         padding-right: .5rem;
Line 5,105: Line 5,105:
 
     }
 
     }
  
     .breadcrumb-item+.breadcrumb-item:hover::before {
+
     .breadcrumb-item + .breadcrumb-item:hover::before {
 
         text-decoration: underline
 
         text-decoration: underline
 
     }
 
     }
  
     .breadcrumb-item+.breadcrumb-item:hover::before {
+
     .breadcrumb-item + .breadcrumb-item:hover::before {
 
         text-decoration: none
 
         text-decoration: none
 
     }
 
     }
Line 5,939: Line 5,939:
 
     }
 
     }
  
     .modal-footer> :not(:first-child) {
+
     .modal-footer > :not(:first-child) {
 
         margin-left: .25rem
 
         margin-left: .25rem
 
     }
 
     }
  
     .modal-footer> :not(:last-child) {
+
     .modal-footer > :not(:last-child) {
 
         margin-right: .25rem
 
         margin-right: .25rem
 
     }
 
     }
Line 9,917: Line 9,917:
  
 
         abbr[title]::after {
 
         abbr[title]::after {
             content: " ("attr(title) ")"
+
             content: " (" attr(title) ")"
 
         }
 
         }
  
Line 10,026: Line 10,026:
 
     }
 
     }
  
    .judges-will-not-evaluate {
 
        border: 4px solid #e4dede;
 
        padding: 2% !important;
 
        width: 92% !important;
 
    }
 
  
 
     /* OWN Global Settings */
 
     /* OWN Global Settings */
Line 10,187: Line 10,182:
 
     /*++++++++++++++++++++++++++++++++
 
     /*++++++++++++++++++++++++++++++++
 
Nav CSS ++++++++++++++++++++++++++++++*/
 
Nav CSS ++++++++++++++++++++++++++++++*/
     .dropdown:hover>.dropdown-menu {
+
     .dropdown:hover > .dropdown-menu {
 
         display: block;
 
         display: block;
 
     }
 
     }
Line 10,221: Line 10,216:
 
     }
 
     }
  
     .glpContainer>* {
+
     .glpContainer > * {
 
         padding: 20px 25px;
 
         padding: 20px 25px;
 
     }
 
     }
Line 10,341: Line 10,336:
 
     }
 
     }
  
     .table-of-contents li+li {
+
     .table-of-contents li + li {
 
         margin-top: 2em;
 
         margin-top: 2em;
 
     }
 
     }
Line 10,586: Line 10,581:
 
gallery End ++++++++++++++++++++++++++++++*/
 
gallery End ++++++++++++++++++++++++++++++*/
  
     @media only screen and (max-width: 575.98px) {}
+
     @media only screen and (max-width: 575.98px) {
 +
    }
  
 
     @media only screen and (max-width: 767.98px) {
 
     @media only screen and (max-width: 767.98px) {
Line 10,611: Line 10,607:
 
         }
 
         }
  
         .glpContainer>* {
+
         .glpContainer > * {
 
             padding: 0;
 
             padding: 0;
 
         }
 
         }
Line 10,636: Line 10,632:
  
  
     @media only screen and (max-width: 1199.98px) {}
+
     @media only screen and (max-width: 1199.98px) {
 +
    }
  
 
     @media only screen and (max-width: 1400px) {
 
     @media only screen and (max-width: 1400px) {
Line 10,643: Line 10,640:
 
         }
 
         }
  
         .table-of-contents li+li {
+
         .table-of-contents li + li {
 
             margin-top: 1.5em;
 
             margin-top: 1.5em;
 
         }
 
         }
Line 10,650: Line 10,647:
  
 
<head>
 
<head>
     <title>GLP.exe</title>
+
     <title>GLP.exe - Education & Public Engagement</title>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <link rel="stylesheet" href="https://2019.igem.org/Template:Tuebingen/FontAwesomeCSS">
 
     <link rel="stylesheet" href="https://2019.igem.org/Template:Tuebingen/FontAwesomeCSS">
     <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Righteous" />
+
     <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Righteous"/>
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
        type="text/css" />
+
          type="text/css"/>
 
     <style>
 
     <style>
 
         .mfp-bg {
 
         .mfp-bg {
Line 11,029: Line 11,026:
 
         }
 
         }
  
         @media screen and (max-width: 800px) and (orientation: landscape),
+
         @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
        screen and (max-height: 300px) {
+
  
 
             /**
 
             /**
Line 11,147: Line 11,143:
  
 
<body style="">
 
<body style="">
    <section id="nav-placeholder">
 
        <nav class="shadow navbar navbar-expand-md navbar-dark fixed-top"
 
            style="background-color: rgba(30, 30, 30, 0.3); z-index: 100;">
 
            <a class="navbar-brand" href="https://2019.igem.org/Team:Tuebingen">
 
                <img src="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--white_logo_animated.gif" alt="logo"
 
                    style="width:70px;">
 
                <h5 class="d-inline ml-3" style="font-family: 'Righteous', cursive; font-weight: normal;">GLP.exe</h5>
 
            </a>
 
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
 
                <span class="navbar-toggler-icon"></span>
 
            </button>
 
            <div class="collapse navbar-collapse justify-content-around" id="collapsibleNavbar">
 
                <ul class="navbar-nav">
 
                    <li id="ourStoryButton" class="nav-item mx-3">
 
                        <a class="nav-link" href="/Team:Tuebingen/Story"
 
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">OUR
 
                            STORY</a>
 
                    </li>
 
  
                    <li class="nav-item dropdown mx-3">
+
<section id="nav-placeholder">
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
+
    <nav class="shadow navbar navbar-expand-md navbar-dark fixed-top"
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
+
        style="background-color: rgba(30, 30, 30, 0.3); z-index: 100;">
                            PROJECT
+
        <a class="navbar-brand" href="https://2019.igem.org/Team:Tuebingen">
                        </a>
+
            <img src="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--white_logo_animated.gif" alt="logo"
                        <div class="dropdown-menu">
+
                style="width:70px;">
                            <a class="dropdown-item" href="/Team:Tuebingen/Description"
+
            <h5 class="d-inline ml-3" style="font-family: 'Righteous', cursive; font-weight: normal;">GLP.exe</h5>
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Description</a>
+
        </a>
                            <a class="dropdown-item" href="/Team:Tuebingen/Killswitch"
+
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Kill
+
            <span class="navbar-toggler-icon"></span>
                                Switch</a>
+
        </button>
                            <a class="dropdown-item" href="/Team:Tuebingen/Nissle"
+
        <div class="collapse navbar-collapse justify-content-around" id="collapsibleNavbar">
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Nissle</a>
+
            <ul class="navbar-nav">
                            <a class="dropdown-item" href="/Team:Tuebingen/Incretin"
+
                <li id="ourStoryButton" class="nav-item mx-3">
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Incretin</a>
+
                    <a class="nav-link" href="/Team:Tuebingen/Story"
                            <a class="dropdown-item" href="/Team:Tuebingen/Results"
+
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">OUR
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Results</a>
+
                        STORY</a>
                            <a class="dropdown-item" href="/Team:Tuebingen/Demonstrate"
+
                </li>
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Demonstrate</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Notebook"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Notebook</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Model"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Software"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Entrepreneurship</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Outlook"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Outlook</a>
+
                        </div>
+
                    </li>
+
                    <li class="nav-item dropdown mx-3">
+
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
+
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
+
                            PARTS
+
                        </a>
+
                        <div class="dropdown-menu">
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Parts"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Parts
+
                                Overview</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Basic_Part"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Basic
+
                                Parts</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Improved_Part"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Improved
+
                                Parts</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Composite_Part"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Composite
+
                                Parts</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Part_Collection"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Part
+
                                Collection</a>
+
                        </div>
+
                    </li>
+
  
                    <li class="nav-item dropdown mx-3">
+
                <li class="nav-item dropdown mx-3">
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
                            style="font-family: 'Righteous', cursive; font-weight: normal;color: #2ecc71;">
+
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
                            PEOPLE
+
                         PROJECT
                         </a>
+
                    </a>
                        <div class="dropdown-menu">
+
                    <div class="dropdown-menu">
                             <a class="dropdown-item" href="/Team:Tuebingen/Team"
+
                        <a class="dropdown-item" href="/Team:Tuebingen/Description"
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Team</a>
+
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Description</a>
                            <a class="dropdown-item" href="/Team:Tuebingen/Collaborations"
+
                        <a class="dropdown-item" href="/Team:Tuebingen/Killswitch"
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Collaborations</a>
+
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Kill
                             <a class="dropdown-item" href="/Team:Tuebingen/Attributions"
+
                             Switch</a>
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Attributions</a>
+
                        <a class="dropdown-item" href="/Team:Tuebingen/Nissle"
                             <a class="dropdown-item" href="/Team:Tuebingen/Sponsors"
+
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Nissle</a>
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sponsors</a>
+
                        <a class="dropdown-item" href="/Team:Tuebingen/Incretin"
                             <a class="dropdown-item" href="/Team:Tuebingen/Gallery"
+
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Incretin</a>
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Gallery</a>
+
                        <a class="dropdown-item" href="/Team:Tuebingen/Model"
                         </div>
+
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
                     </li>
+
                        <a class="dropdown-item" href="/Team:Tuebingen/Software"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Results"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Results</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Demonstrate"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Demonstrate</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Notebook"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Notebook</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Outlook"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Outlook</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Entrepreneurship</a>
 +
                    </div>
 +
                </li>
 +
                <li class="nav-item dropdown mx-3">
 +
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
 +
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
 +
                        PARTS
 +
                    </a>
 +
                    <div class="dropdown-menu">
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Parts"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Parts
 +
                             Overview</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Basic_Part"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Basic
 +
                            Parts</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Improved_Part"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Improved
 +
                             Parts</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Characterized_Part"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Characterized
 +
                            Parts</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Composite_Part"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Composite
 +
                             Parts</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Part_Collection"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Part
 +
                            Collection</a>
 +
                         <a class="dropdown-item" href="/Team:Tuebingen/Downloads"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Downloads</a>
 +
                     </div>
 +
                </li>
  
                    <li class="nav-item dropdown mx-3">
+
                <li class="nav-item dropdown mx-3">
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
+
                      style="font-family: 'Righteous', cursive; font-weight: normal;color: #2ecc71;">
                            HUMAN PRACTICES
+
                         PEOPLE
                         </a>
+
                    </a>
                        <div class="dropdown-menu">
+
                    <div class="dropdown-menu">
                            <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices"
+
                        <a class="dropdown-item" href="/Team:Tuebingen/Team"
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Overview</a>
+
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Team</a>
                            <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
+
                        <a class="dropdown-item" href="/Team:Tuebingen/Collaborations"
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education
+
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Collaborations</a>
                                & Public
+
                        <a class="dropdown-item" href="/Team:Tuebingen/Sponsors"
                                Engagement</a>
+
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sponsors</a>
                            <a class="dropdown-item" href="/Team:Tuebingen/Experts"
+
                        <a class="dropdown-item" href="/Team:Tuebingen/Attributions"
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experts</a>
+
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Attributions</a>
                            <a class="dropdown-item" href="/Team:Tuebingen/SDG"
+
                         <a class="dropdown-item" href="/Team:Tuebingen/Gallery"
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sustainable
+
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Gallery</a>
                                Development
+
                    </div>
                                Goals</a>
+
                </li>
                            <a class="dropdown-item" href="/Team:Tuebingen/Experimenta"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experimenta
+
                                Science
+
                                Center</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Survey"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Survey</a>
+
                         </div>
+
                    </li>
+
                    <li class="nav-item dropdown mx-3">
+
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
+
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
+
                            AWARDS
+
                        </a>
+
                        <div class="dropdown-menu">
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Integrated
+
                                Human Practise</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education
+
                                & Public
+
                                Engagement</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Supporting
+
                                Entrepreneurship</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Measurement"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Measurement</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Model"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Software"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
+
                        </div>
+
                    </li>
+
  
                    <li class="nav-item mx-3">
+
                <li class="nav-item dropdown mx-3">
                         <a class="nav-link" href="/Team:Tuebingen/Safety"
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
                             style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">SAFETY</a>
+
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
                     </li>
+
                         HUMAN PRACTICES
 +
                    </a>
 +
                    <div class="dropdown-menu">
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Overview</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education &
 +
                            Public Engagement</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Experts"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experts</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/SDG"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sustainable
 +
                            Development Goals</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Experimenta"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experimenta
 +
                            Science Center</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Survey"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Survey</a>
 +
                    </div>
 +
                </li>
 +
                <li class="nav-item dropdown mx-3">
 +
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
 +
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
 +
                        AWARDS
 +
                    </a>
 +
                    <div class="dropdown-menu">
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Integrated
 +
                             Human Practise</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education &
 +
                            Public Engagement</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Supporting
 +
                            Entrepreneurship</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Model"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Software"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
 +
                     </div>
 +
                </li>
  
                    <li class="nav-item mx-3">
+
                <li class="nav-item mx-3">
                        <a class="nav-link" href="https://igem.org/2019_Judging_Form?team=Tuebingen" target="_blank"
+
                    <a class="nav-link" href="/Team:Tuebingen/Safety"
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">JUDGING
+
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">SAFETY</a>
                            FORM ⇗</a>
+
                </li>
                    </li>
+
  
                    <li class="nav-item mx-1 pt-2">
+
                <li class="nav-item mx-3">
                        <a href="https://www.facebook.com/igemtuebingen/" class="fa fa-facebook" target="_blank"></a>
+
                    <a class="nav-link" href="https://igem.org/2019_Judging_Form?team=Tuebingen" target="_blank"
                    </li>
+
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">JUDGING FORM
                    <li class="nav-item mx-1 pt-2">
+
                         </a>
                        <a href="https://twitter.com/iGEMTuebingen" class="fa fa-twitter" target="_blank"></a>
+
                </li>
                    </li>
+
                    <li class="nav-item mx-1 pt-2">
+
                         <a href="https://www.instagram.com/igem_tuebingen/" class="fa fa-instagram" target="_blank"></a>
+
                    </li>
+
  
                 </ul>
+
                 <li class="nav-item mx-1 pt-2">
             </div>
+
                    <a href="https://www.facebook.com/igemtuebingen/" class="fa fa-facebook" target="_blank"></a>
         </nav>
+
                </li>
     </section>
+
                <li class="nav-item mx-1 pt-2">
    <script>
+
                    <a href="https://twitter.com/iGEMTuebingen" class="fa fa-twitter" target="_blank"></a>
        var url = window.location.href;
+
                </li>
        $(function () {
+
                <li class="nav-item mx-1 pt-2">
            $('.nav-link[href="' + url + '"]').addClass("active");
+
                    <a href="https://www.instagram.com/igem_tuebingen/" class="fa fa-instagram" target="_blank"></a>
            $('.dropdown-item[href="' + url + '"]').addClass("active");
+
                </li>
            $('.dropdown-item[href="' + url + '"]').parent().parent().addClass("active");
+
 
        });
+
             </ul>
    </script>
+
         </div>
    <script src="https://2019.igem.org/Team:Tuebingen/jqueryminjs?action=raw&ctype=text/javascript"></script>
+
     </nav>
    <script src="https://2019.igem.org/Team:Tuebingen/popperjs?action=raw&ctype=text/javascript"></script>
+
</section>
    <script src="https://2019.igem.org/Team:Tuebingen/bootstrapjs?action=raw&ctype=text/javascript"></script>
+
 
    <script src="https://2019.igem.org/Template:Tuebingen/GLPexeJS?action=raw&ctype=text/javascript"></script>
+
<script>
 +
    var url = window.location.href;
 +
    $(function () {
 +
        $('.nav-link[href="' + url + '"]').addClass("active");
 +
        $('.dropdown-item[href="' + url + '"]').addClass("active");
 +
        $('.dropdown-item[href="' + url + '"]').parent().parent().addClass("active");
 +
    });
 +
</script>
 +
<script src="https://2019.igem.org/Team:Tuebingen/jqueryminjs?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Team:Tuebingen/popperjs?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Team:Tuebingen/bootstrapjs?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Template:Tuebingen/GLPexeJS?action=raw&ctype=text/javascript"></script>
 
</body>
 
</body>
  
Line 11,468: Line 11,465:
 
             font-weight: bold;
 
             font-weight: bold;
 
             margin-bottom: 2px;
 
             margin-bottom: 2px;
 +
        }
 +
    }
 +
 +
    @media screen and (max-width: 800px) {
 +
        .leberkäse .salat .face.face2 .worschd p {
 +
            font-size: small;
 +
        }
 +
    }
 +
 +
    @media screen and (max-width: 660px) {
 +
        .leberkäse .salat .face.face2 .worschd p {
 +
            font-size: x-small;
 
         }
 
         }
 
     }
 
     }
Line 11,481: Line 11,490:
 
             width: 80%;
 
             width: 80%;
 
             margin-left: 10%;
 
             margin-left: 10%;
 +
        }
 +
 +
        .leberkäse .salat .face.face2 .worschd p {
 +
            font-size: small;
 
         }
 
         }
 
     }
 
     }
Line 11,521: Line 11,534:
  
  
     @media only screen and (max-width: 575.98px) {}
+
     @media only screen and (max-width: 575.98px) {
 +
    }
  
     @media only screen and (max-width: 767.98px) {}
+
     @media only screen and (max-width: 767.98px) {
 +
    }
  
     @media only screen and (max-width: 991.98px) {}
+
     @media only screen and (max-width: 991.98px) {
 +
    }
  
     @media only screen and (max-width: 1199.98px) {}
+
     @media only screen and (max-width: 1199.98px) {
 +
    }
  
 
     /*
 
     /*
Line 11,803: Line 11,820:
 
         .info h1 {
 
         .info h1 {
 
             margin-top: 15%;
 
             margin-top: 15%;
 +
            font-size: 20px;
 
         }
 
         }
 
     }
 
     }
Line 11,832: Line 11,850:
 
<div class="header">
 
<div class="header">
 
     <div class="info">
 
     <div class="info">
         <h1 style="font-family: 'Righteous', cursive; font-weight: normal;">EDUCATION & PUBLIC ENGAGEMENT</h1>
+
         <h1 style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">PUBLIC ENGAGEMENT</h1>
 
     </div>
 
     </div>
 
</div>
 
</div>
Line 11,839: Line 11,857:
  
 
     <div style="overflow-x: hidden">
 
     <div style="overflow-x: hidden">
 
        <p style="visibility: hidden">hallo123</p>
 
  
 
         <div class="leberkäse">
 
         <div class="leberkäse">
Line 11,891: Line 11,907:
 
         </div>
 
         </div>
  
        <script src="https://2019.igem.org/Team:Tuebingen/sidebarJS?action=raw&ctype=text/javascript"></script>
+
 
  
 
         <div class="glpContainer">
 
         <div class="glpContainer">
Line 11,918: Line 11,934:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <h3 style="font-family:'Righteous'; color:#2ecc71;">Collaboration with Experimenta Science Center</h3>
+
                 
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-12">
 
                         <div class="col-12">
 +
                                <h3 style="font-family:'Righteous'; color:#2ecc71;">Collaboration with Experimenta Science
 +
                                        Center</h3>
 
                             <p>
 
                             <p>
                                 The Experimenta Science Center <sup><a href="#glpreferences">1</a></sup> in Heilbronn,
+
                                 The Experimenta Science Center [1] in Heilbronn,
 
                                 Baden-Wuerttemberg, Germany set up the “Schülerforschungszentrum” (SFZ) last year where
 
                                 Baden-Wuerttemberg, Germany set up the “Schülerforschungszentrum” (SFZ) last year where
 
                                 young researchers are actively supported in their initial scientific work. This inspired
 
                                 young researchers are actively supported in their initial scientific work. This inspired
Line 11,935: Line 11,953:
 
                                 with
 
                                 with
 
                                 the Experimenta Science Center on <a
 
                                 the Experimenta Science Center on <a
                                     href="https://2019.igem.org/Team:Tuebingen/Experimenta">
+
                                     href="https://2019.igem.org/Team:Tuebingen/Experimenta"
                                     Human Practices / Experimenta Science Center</a>.
+
                                     onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experimenta","_self");'>
 +
                                Human Practices / Experimenta Science Center</a>.
 
                             </p>
 
                             </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <h3 style="font-family:'Righteous'; color:#2ecc71;">Presentations and lectures in high schools</h3>
+
                 
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-12">
 
                         <div class="col-12">
 +
                                <h3 style="font-family:'Righteous'; color:#2ecc71;">Presentations and lectures in high schools</h3>
 
                             <p>
 
                             <p>
 
                                 We believe that education in the field of Synthetic Biology is key in order to promote
 
                                 We believe that education in the field of Synthetic Biology is key in order to promote
Line 11,957: Line 11,977:
 
                             </p>
 
                             </p>
 
                             <p>
 
                             <p>
                                 Please refer to <a href="https://2019.igem.org/Team:Tuebingen/Downloads">
+
                                 Please refer to <a href="https://2019.igem.org/Team:Tuebingen/Downloads"
                                    Parts / Downloads</a> to obtain our educational material.
+
                                                  onclick='window.open("https://2019.igem.org/Team:Tuebingen/Downloads","_self");'>
 +
                                Parts / Downloads</a> to obtain our educational material.
 
                             </p>
 
                             </p>
 
                         </div>
 
                         </div>
Line 11,965: Line 11,986:
 
                         <div class="col-12 col-md-6">
 
                         <div class="col-12 col-md-6">
 
                             <figure>
 
                             <figure>
                                 <a style="font-size: small" href="#" data-effect="mfp-zoom-out">
+
                                 <a style="font-size: small"
                                     <img src="#" class="figure-img img-fluid rounded" alt="School picture 1"></a>
+
                                  href="https://2019.igem.org/wiki/images/5/5b/T--Tuebingen--RMG-pres1.jpg"
 +
                                  data-effect="mfp-zoom-out"
 +
                                  title="Presentation at high school">
 +
                                     <img src="https://2019.igem.org/wiki/images/5/5b/T--Tuebingen--RMG-pres1.jpg"
 +
                                        class="figure-img img-fluid rounded"
 +
                                        alt="School image 1"></a>
 +
                                <figcaption style="font-size: small; color: #F4F0DE"></figcaption>
 
                             </figure>
 
                             </figure>
 
                         </div>
 
                         </div>
 
                         <div class="col-12 col-md-6">
 
                         <div class="col-12 col-md-6">
 
                             <figure>
 
                             <figure>
                                 <a style="font-size: small" href="#" data-effect="mfp-zoom-out">
+
                                 <a style="font-size: small"
                                     <img src="#" class="figure-img img-fluid rounded" alt="School picture 2"></a>
+
                                  href="https://2019.igem.org/wiki/images/1/16/T--Tuebingen--RMG-pres2.jpg"
 +
                                  data-effect="mfp-zoom-out"
 +
                                  title="Presentation at high school">
 +
                                     <img src="https://2019.igem.org/wiki/images/1/16/T--Tuebingen--RMG-pres2.jpg"
 +
                                        class="figure-img img-fluid rounded"
 +
                                        alt="School image 2"></a>
 +
                                <figcaption style="font-size: small; color: #F4F0DE"></figcaption>
 
                             </figure>
 
                             </figure>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 +
 
                     <h2 style="font-family:'Righteous';">Public Outreach</h2>
 
                     <h2 style="font-family:'Righteous';">Public Outreach</h2>
 
                     <div class="row">
 
                     <div class="row">
Line 11,990: Line 12,024:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <h3 style="font-family:'Righteous'; color:#2ecc71;">Booth at the city center in Tuebingen</h3>
+
                      
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-12">
 
                         <div class="col-12">
 +
                                <h3 style="font-family:'Righteous'; color:#2ecc71;">Booth at the city center in Tuebingen</h3>
 
                             <p>
 
                             <p>
 
                                 In our effort to generate more public awareness of the possibilities of GMOs we
 
                                 In our effort to generate more public awareness of the possibilities of GMOs we
Line 12,010: Line 12,045:
 
                             <figure>
 
                             <figure>
 
                                 <a style="font-size: small"
 
                                 <a style="font-size: small"
                                    href="https://2019.igem.org/wiki/images/5/50/T--Tuebingen--Holzmarkt1.jpg"
+
                                  href="https://2019.igem.org/wiki/images/5/50/T--Tuebingen--Holzmarkt1.jpg"
                                    data-effect="mfp-zoom-out">
+
                                  data-effect="mfp-zoom-out">
 
                                     <img src="https://2019.igem.org/wiki/images/5/50/T--Tuebingen--Holzmarkt1.jpg"
 
                                     <img src="https://2019.igem.org/wiki/images/5/50/T--Tuebingen--Holzmarkt1.jpg"
                                        class="figure-img img-fluid rounded" alt=#></a>
+
                                        class="figure-img img-fluid rounded" alt=#></a>
 
                             </figure>
 
                             </figure>
 
                         </div>
 
                         </div>
Line 12,019: Line 12,054:
 
                             <figure>
 
                             <figure>
 
                                 <a style="font-size: small"
 
                                 <a style="font-size: small"
                                    href="https://2019.igem.org/wiki/images/d/d6/T--Tuebingen--Holzmarkt2.jpg"
+
                                  href="https://2019.igem.org/wiki/images/d/d6/T--Tuebingen--Holzmarkt2.jpg"
                                    data-effect="mfp-zoom-out">
+
                                  data-effect="mfp-zoom-out">
 
                                     <img src="https://2019.igem.org/wiki/images/d/d6/T--Tuebingen--Holzmarkt2.jpg"
 
                                     <img src="https://2019.igem.org/wiki/images/d/d6/T--Tuebingen--Holzmarkt2.jpg"
                                        class="figure-img img-fluid rounded" alt=#></a>
+
                                        class="figure-img img-fluid rounded" alt=#></a>
 
                             </figure>
 
                             </figure>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <h3 style="font-family:'Righteous'; color:#2ecc71;">Presenting iGEM at a Science Slam</h3>
+
                      
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-12 col-md-6">
 
                         <div class="col-12 col-md-6">
 +
                                <h3 style="font-family:'Righteous'; color:#2ecc71;">Presenting iGEM at a Science Slam</h3>
 
                             <p>
 
                             <p>
 
                                 During the Biomedical symposium in Tübingen, organised by Molecular Medicine students,
 
                                 During the Biomedical symposium in Tübingen, organised by Molecular Medicine students,
Line 12,038: Line 12,074:
 
                                 area as well as professors and researchers in the medical field about synthetic biology,
 
                                 area as well as professors and researchers in the medical field about synthetic biology,
 
                                 GMOs, our iGEM project and promoted our survey on Diabetes and GMOs. To learn more about
 
                                 GMOs, our iGEM project and promoted our survey on Diabetes and GMOs. To learn more about
                                 the survey please visit <a href="https://2019.igem.org/Team:Tuebingen/Survey">
+
                                 the survey please visit <a href="https://2019.igem.org/Team:Tuebingen/Survey"
                                    Human Practices / Survey</a>.
+
                                                          onclick='window.open("https://2019.igem.org/Team:Tuebingen/Survey","_self");'>
 +
                                Human Practices / Survey</a>.
 
                             </p>
 
                             </p>
 
                         </div>
 
                         </div>
Line 12,045: Line 12,082:
 
                             <figure>
 
                             <figure>
 
                                 <a style="font-size: small"
 
                                 <a style="font-size: small"
                                    href="https://2019.igem.org/wiki/images/0/0c/T--Tuebingen--ScienceSlam.png"
+
                                  href="https://2019.igem.org/wiki/images/0/0c/T--Tuebingen--ScienceSlam.png"
                                    data-effect="mfp-zoom-out">
+
                                  data-effect="mfp-zoom-out">
 
                                     <img src="https://2019.igem.org/wiki/images/0/0c/T--Tuebingen--ScienceSlam.png"
 
                                     <img src="https://2019.igem.org/wiki/images/0/0c/T--Tuebingen--ScienceSlam.png"
                                        class="figure-img img-fluid rounded" alt=#></a>
+
                                        class="figure-img img-fluid rounded" alt=#></a>
 
                             </figure>
 
                             </figure>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <h3 style="font-family:'Righteous'; color:#2ecc71;">Launching our own website</h3>
+
                 
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-12">
 
                         <div class="col-12">
 +
                                <h3 style="font-family:'Righteous'; color:#2ecc71;">Launching our own website</h3>
 
                             <p>
 
                             <p>
 
                                 Our relentless passion was poured into the creation of our brand new website, which we
 
                                 Our relentless passion was poured into the creation of our brand new website, which we
Line 12,061: Line 12,099:
 
                                 content, announce the team members and introduce iGEM to the general public in a
 
                                 content, announce the team members and introduce iGEM to the general public in a
 
                                 professional and accessible manner. Check out our official website under
 
                                 professional and accessible manner. Check out our official website under
                                 <a href="https://igem-tuebingen.com">
+
                                 <a href="https://igem-tuebingen.com" onclick='window.open("https://igem-tuebingen.com","_self");'> igem-tuebingen.com</a>.
                                    igem-tuebingen.com</a>.
+
 
                             </p>
 
                             </p>
 
                         </div>
 
                         </div>
Line 12,070: Line 12,107:
 
                             <figure>
 
                             <figure>
 
                                 <a style="font-size: small"
 
                                 <a style="font-size: small"
                                    href="https://2019.igem.org/wiki/images/1/1b/T--Tuebingen--Website1.png"
+
                                  href="https://2019.igem.org/wiki/images/1/1b/T--Tuebingen--Website1.png"
                                    data-effect="mfp-zoom-out">
+
                                  data-effect="mfp-zoom-out">
 
                                     <img src="https://2019.igem.org/wiki/images/1/1b/T--Tuebingen--Website1.png"
 
                                     <img src="https://2019.igem.org/wiki/images/1/1b/T--Tuebingen--Website1.png"
                                        class="figure-img img-fluid rounded" alt=#></a>
+
                                        class="figure-img img-fluid rounded" alt=#></a>
 
                             </figure>
 
                             </figure>
 
                         </div>
 
                         </div>
Line 12,079: Line 12,116:
 
                             <figure>
 
                             <figure>
 
                                 <a style="font-size: small"
 
                                 <a style="font-size: small"
                                    href="https://2019.igem.org/wiki/images/f/f0/T--Tuebingen--Website2.png"
+
                                  href="https://2019.igem.org/wiki/images/f/f0/T--Tuebingen--Website2.png"
                                    data-effect="mfp-zoom-out">
+
                                  data-effect="mfp-zoom-out">
 
                                     <img src="https://2019.igem.org/wiki/images/f/f0/T--Tuebingen--Website2.png"
 
                                     <img src="https://2019.igem.org/wiki/images/f/f0/T--Tuebingen--Website2.png"
                                        class="figure-img img-fluid rounded" alt=#></a>
+
                                        class="figure-img img-fluid rounded" alt=#></a>
 
                             </figure>
 
                             </figure>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <h3 style="font-family:'Righteous'; color:#2ecc71;">Promoting the SDGs</h3>
+
                      
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-12">
 
                         <div class="col-12">
 +
                                <h3 style="font-family:'Righteous'; color:#2ecc71;">Promoting the SDGs</h3>
 
                             <p>
 
                             <p>
 
                                 The Sustainable Development Goals (SDGs) of the United Nations (UN) aim at improving our
 
                                 The Sustainable Development Goals (SDGs) of the United Nations (UN) aim at improving our
Line 12,096: Line 12,134:
 
                                     href="https://2019.igem.org/Team:Tuebingen/Collaborations"
 
                                     href="https://2019.igem.org/Team:Tuebingen/Collaborations"
 
                                     onclick='window.open("https://2019.igem.org/Team:Tuebingen/Collaborations","_self");'>People
 
                                     onclick='window.open("https://2019.igem.org/Team:Tuebingen/Collaborations","_self");'>People
                                    /
+
                                /
                                    Collaborations</a>).
+
                                Collaborations</a>).
 
                             </p>
 
                             </p>
 
                             <p> To learn more about our
 
                             <p> To learn more about our
 
                                 educational efforts toward the SDGs please visit
 
                                 educational efforts toward the SDGs please visit
 
                                 <a href="https://2019.igem.org/Team:Tuebingen/SDG"
 
                                 <a href="https://2019.igem.org/Team:Tuebingen/SDG"
                                    onclick='window.open("https://2019.igem.org/Team:Tuebingen/SDG","_self");'>
+
                                  onclick='window.open("https://2019.igem.org/Team:Tuebingen/SDG","_self");'>
 
                                     Human Practices / Sustainable
 
                                     Human Practices / Sustainable
 
                                     Development Goals</a>.
 
                                     Development Goals</a>.
Line 12,108: Line 12,146:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <h3 style="font-family:'Righteous'; color:#2ecc71;">iGEM Tuebingen featured in Biospektrum</h3>
+
                 
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-12">
 
                         <div class="col-12">
 +
                                <h3 style="font-family:'Righteous'; color:#2ecc71;">iGEM Tuebingen featured in Biospektrum</h3>
 
                             <p>
 
                             <p>
 
                                 Biospektrum is the public magazine of the Gesellschaft für Biochemie und
 
                                 Biospektrum is the public magazine of the Gesellschaft für Biochemie und
Line 12,122: Line 12,161:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <h3 style="font-family:'Righteous'; color:#2ecc71;">Participation in a relay race</h3>
+
                 
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-12">
 
                         <div class="col-12">
 +
                                <h3 style="font-family:'Righteous'; color:#2ecc71;">Participation in a relay race</h3>
 
                             <p>
 
                             <p>
 
                                 We had an amazing time participating in the 31st Tübinger 100km relay race on the
 
                                 We had an amazing time participating in the 31st Tübinger 100km relay race on the
Line 12,139: Line 12,179:
 
                             <figure>
 
                             <figure>
 
                                 <a style="font-size: small"
 
                                 <a style="font-size: small"
                                    href="https://2019.igem.org/wiki/images/a/a7/T--Tuebingen--Staffellauf3.jpg"
+
                                  href="https://2019.igem.org/wiki/images/a/a7/T--Tuebingen--Staffellauf3.jpg"
                                    data-effect="mfp-zoom-out">
+
                                  data-effect="mfp-zoom-out">
 
                                     <img src="https://2019.igem.org/wiki/images/a/a7/T--Tuebingen--Staffellauf3.jpg"
 
                                     <img src="https://2019.igem.org/wiki/images/a/a7/T--Tuebingen--Staffellauf3.jpg"
                                        class="figure-img img-fluid rounded" alt=#></a>
+
                                        class="figure-img img-fluid rounded" alt=#></a>
 
                             </figure>
 
                             </figure>
 
                         </div>
 
                         </div>
Line 12,148: Line 12,188:
 
                             <figure>
 
                             <figure>
 
                                 <a style="font-size: small"
 
                                 <a style="font-size: small"
                                    href="https://2019.igem.org/wiki/images/2/2d/T--Tuebingen--Staffellauf.jpg"
+
                                  href="https://2019.igem.org/wiki/images/2/2d/T--Tuebingen--Staffellauf.jpg"
                                    data-effect="mfp-zoom-out">
+
                                  data-effect="mfp-zoom-out">
 
                                     <img src="https://2019.igem.org/wiki/images/2/2d/T--Tuebingen--Staffellauf.jpg"
 
                                     <img src="https://2019.igem.org/wiki/images/2/2d/T--Tuebingen--Staffellauf.jpg"
                                        class="figure-img img-fluid rounded" alt=#></a>
+
                                        class="figure-img img-fluid rounded" alt=#></a>
 
                             </figure>
 
                             </figure>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <h3 style="font-family:'Righteous'; color:#2ecc71;">Winning Sponsors and Supporters</h3>
+
                 
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-12 col-md-6">
 
                         <div class="col-12 col-md-6">
 +
                                <h3 style="font-family:'Righteous'; color:#2ecc71;">Winning Sponsors and Supporters</h3>
 
                             <p>
 
                             <p>
 
                                 During our iGEM Season we were faced with the obstacle of financing our research. We
 
                                 During our iGEM Season we were faced with the obstacle of financing our research. We
Line 12,166: Line 12,207:
 
                                     href="https://2019.igem.org/Team:Tuebingen/Sponsors"
 
                                     href="https://2019.igem.org/Team:Tuebingen/Sponsors"
 
                                     onclick='window.open("https://2019.igem.org/Team:Tuebingen/Sponsors","_self");'>People
 
                                     onclick='window.open("https://2019.igem.org/Team:Tuebingen/Sponsors","_self");'>People
                                    /
+
                                /
                                    Sponsors</a>) to support our iGEM team, proving
+
                                Sponsors</a>) to support our iGEM team, proving
 
                                 that our work is significant and conducted in a professional manner. We are especially
 
                                 that our work is significant and conducted in a professional manner. We are especially
 
                                 happy that our partners and sponsors expressed great interest in our work and asked for
 
                                 happy that our partners and sponsors expressed great interest in our work and asked for
Line 12,178: Line 12,219:
 
                                     href="https://2019.igem.org/Team:Tuebingen/Experts"
 
                                     href="https://2019.igem.org/Team:Tuebingen/Experts"
 
                                     onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experts","_self");'>Human
 
                                     onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experts","_self");'>Human
                                    Practices / Experts</a> for further insight on
+
                                Practices / Experts</a> for further insight on
 
                                 how we incorporated feedback from our supporters.
 
                                 how we incorporated feedback from our supporters.
 
                             </p>
 
                             </p>
Line 12,185: Line 12,226:
 
                             <figure>
 
                             <figure>
 
                                 <a style="font-size: small"
 
                                 <a style="font-size: small"
                                    href="https://2019.igem.org/wiki/images/a/a3/T--Tuebingen--MPI-pic.jpg"
+
                                  href="https://2019.igem.org/wiki/images/a/a3/T--Tuebingen--MPI-pic.jpg"
                                    data-effect="mfp-zoom-out">
+
                                  data-effect="mfp-zoom-out">
 
                                     <img src="https://2019.igem.org/wiki/images/a/a3/T--Tuebingen--MPI-pic.jpg"
 
                                     <img src="https://2019.igem.org/wiki/images/a/a3/T--Tuebingen--MPI-pic.jpg"
                                        class="figure-img img-fluid rounded" alt=#></a>
+
                                        class="figure-img img-fluid rounded" alt=#></a>
 
                             </figure>
 
                             </figure>
 
                         </div>
 
                         </div>
Line 12,196: Line 12,237:
 
                         <div class="col-12">
 
                         <div class="col-12">
 
                             <p>
 
                             <p>
                                 In 2014, there were 422 Million adults with diagnosed Diabetes Mellitus worldwide
+
                                 In 2014, there were 422 Million adults with diagnosed Diabetes Mellitus worldwide[2].
                                <sup><a href="#glpreferences"
+
                                        onclick='window.open("#glpreferences","_self");'>2</a></sup>.
+
 
                                 Overall, there is more than enough evidence that western life-style, in its sedentary,
 
                                 Overall, there is more than enough evidence that western life-style, in its sedentary,
 
                                 high-sugar, high-unsaturated fatty acids, high-cholesterol, high-salt and low-fibre way,
 
                                 high-sugar, high-unsaturated fatty acids, high-cholesterol, high-salt and low-fibre way,
                                 promotes the development of inflammatory and chronic diseases <sup><a
+
                                 promotes the development of inflammatory and chronic diseases [3,
                                        href="#glpreferences" onclick='window.open("#glpreferences","_self");'>3,
+
                                4]. Although,
                                        4</a></sup>. Although,
+
 
                                 especially in research environment, this fact is known, knowledge transfer to the public
 
                                 especially in research environment, this fact is known, knowledge transfer to the public
 
                                 has not been sufficient enough to adequately spread the notion of a balanced nutrition
 
                                 has not been sufficient enough to adequately spread the notion of a balanced nutrition
 
                                 to prevent potentially fatal diseases, such as Diabetes Mellitus and Morbus Crohn
 
                                 to prevent potentially fatal diseases, such as Diabetes Mellitus and Morbus Crohn
                                 <sup><a href="#glpreferences" onclick='window.open("#glpreferences,"_self");'>3, 4, 5,
+
                                 [3, 4, 5,
                                        6</a></sup>.
+
                                    6].
 
                             </p>
 
                             </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <h3 style="font-family:'Righteous'; color:#2ecc71;">Gaining expertise in clinical diabetes treatment</h3>
+
                      
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-12">
 
                         <div class="col-12">
 +
                                <h3 style="font-family:'Righteous'; color:#2ecc71;">Gaining expertise in clinical Diabetes
 +
                                        treatment</h3>
 
                             <p>
 
                             <p>
 
                                 Claudia Leippert is a certified Diabetes Specialist Nurse (DSN, B.Sc.) with more than 30
 
                                 Claudia Leippert is a certified Diabetes Specialist Nurse (DSN, B.Sc.) with more than 30
                                 years of experience in the treatment of diabetes. We talked to her about what type 2
+
                                 years of experience in the treatment of Diabetes. We talked to her about what type 2
                                 diabetes is, how it develops and how it differs from type 1 diabetes and how diabetes
+
                                 Diabetes is, how it develops and how it differs from type 1 Diabetes and how Diabetes
 
                                 illnesses develop on a global scale. She gave us very valuable insight into how type 2
 
                                 illnesses develop on a global scale. She gave us very valuable insight into how type 2
                                 diabetes is normally being treated and introduced us to clinical challenges from her day
+
                                 Diabetes is normally being treated and introduced us to clinical challenges from her day
 
                                 to day work.
 
                                 to day work.
 
                             </p>
 
                             </p>
  
                        <p>All the information she provided is also summarized in a short interview in the video
+
                            <p>All the information she provided is also summarized in a short interview in the video
 
                                 below.</p>
 
                                 below.</p>
 
                         </div>
 
                         </div>
                            <div class="row justify-content-md-center">
+
                        <div class="row justify-content-md-center">
                                <div class="col-12 col-md-6">
+
                                    <figure>
+
                                        <a style="font-size: small"
+
                                            href="hhttps://2019.igem.org/wiki/images/5/56/T--Tuebingen--Hecker.mp4"
+
                                            data-effect="mfp-zoom-out">
+
                                            <img src="https://2019.igem.org/wiki/images/5/56/T--Tuebingen--Hecker.mp4"
+
                                                class="figure-img img-fluid rounded" alt="INSERT VIDEO HERE"></a>
+
                                    </figure>
+
                                </div>
+
                            </div>
+
 
                             <div class="col-12">
 
                             <div class="col-12">
                                 <p>Our main takeaway was that every treatment has to fit the patient and that no patient
+
                                 <video controls
                                    will consistently follow instructions he or she does not agree with. Another main
+
                                      poster="https://2019.igem.org/wiki/images/8/8b/T--Tuebingen--EO-banner.jpg"
                                    point
+
                                      style="width:100%; ">
                                    is that treatments must become globally available and affordable. This led us to
+
                                    <source src="https://2019.igem.org/wiki/images/9/99/T--Tuebingen--Leippert-mov.mov">
                                    think
+
                                     Your browser does not support the video tag.
                                    more about the money side of our therapeutic (<a
+
                                 </video>
                                        href="https://2019.igem.org/Team:Tuebingen/Entrepreneurship"
+
                                        onclick='window.open("https://2019.igem.org/Team:Tuebingen/Entrepreneurship","_self");'>Project
+
                                        /
+
                                        Entrepreneurship</a>) and include estimates on how
+
                                     expensive our probiotic would be.
+
                                 </p>
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
                    </div>
 
                    <h3 style="font-family:'Righteous'; color:#2ecc71;">Conducting a Survey</h3>
 
                    <div class="row">
 
 
                         <div class="col-12">
 
                         <div class="col-12">
                             <p>
+
                             <p>Our main takeaway was that every treatment has to fit the patient and that no patient
                                We conducted a survey to gather information about general knowledge and options about
+
                                 will consistently follow instructions he or she does not agree with. Another main
                                 diabetes mellitus, its therapy and how synthetic biology may play a role in the future.
+
                                 point
                                 To design the survey, we aimed to fulfill the criteria proposed by iGEM. Hence, informed
+
                                 is that treatments must become globally available and affordable. This led us to
                                 consent and privacy / data protection are highly important to us. Also, our survey
+
                                 think
                                design aims to be specific and unambiguous, with the goal of not compromising our survey
+
                                 more about the money side of our therapeutic (<a
                                 by insinuating a “correct” response to any question. The participation was voluntary and
+
                                        href="https://2019.igem.org/Team:Tuebingen/Entrepreneurship"
                                 open to any interested person. To learn more about the survey please visit <a
+
                                        onclick='window.open("https://2019.igem.org/Team:Tuebingen/Entrepreneurship","_self");'>Project
                                    href="https://2019.igem.org/Team:Tuebingen/Survey"
+
                                    onclick='window.open("https://2019.igem.org/Team:Tuebingen/Survey","_self");'>Human
+
                                    Practices / Survey</a>.
+
                            </p>
+
                        </div>
+
                    </div>
+
                    <h3 style="font-family:'Righteous'; color:#2ecc71;">Establishing educational material about diabetes type 2
+
                        prevention</h3>
+
                    <div class="row">
+
                        <div class="col-12">
+
                            <p>
+
                                Together with the group of Prof. Eicke Latz of the Institute of Innate Immunity in Bonn
+
                                and iGEM Dresden (<a href="https://2019.igem.org/Team:Tuebingen/Collaborations"
+
                                    onclick='window.open("https://2019.igem.org/Team:Tuebingen/Collaborations","_self");'>People
+
 
                                     /
 
                                     /
                                     Collaborations</a>), we established educational material about possibilities that
+
                                     Entrepreneurship</a>) and include estimates on how
                                individuals have in order to prevent diseases like type 2 diabetes and adipositas. As
+
                                 expensive our probiotic would be.
                                we, iGEM Tübingen, target type 2 diabetes treatment and iGEM Dresden works on the
+
                                 development of a new sugar substitution, we want to share our knowledge with the public
+
                                and start a preventive project.
+
                            </p>
+
                            <p>
+
                                We combined education about healthy nutrition, which prevents diseases like Diabetes
+
                                from occurring solely because of malnutrition, and the usage of GMO-based food. We are
+
                                aware, that especially in communities like the vegan and organic community, who are
+
                                trying to base their diets on health-based concepts, GMO-based food, which means food
+
                                that is either a GMO, contains a GMO or was produced by a GMO, is faced with a lot of,
+
                                in our opinion unreasonable, stigma. This is especially important, since due to the
+
                                rising world population, at one point there won’t be enough resources, if we completely
+
                                rule out the use of GMO-based food.
+
                            </p>
+
                            <p>
+
                                Overall, we wanted this project to be a plea for healthy, GMO-based food.
+
                                Please refer to <a href="https://2019.igem.org/Team:Tuebingen/Downloads"
+
                                    onclick='window.open("https://2019.igem.org/Team:Tuebingen/Downloads","_self");'>
+
                                    Parts / Downloads</a> to obtain our educational material.
+
 
                             </p>
 
                             </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 +
                </div>
 +
               
 +
                <div class="row">
 +
                    <div class="col-12">
 +
                            <h3 style="font-family:'Righteous'; color:#2ecc71;">Conducting a Survey</h3>
 +
                        <p>
 +
                            We conducted a survey to gather information about general knowledge and options about
 +
                            Diabetes Mellitus, its therapy and how synthetic biology may play a role in the future.
 +
                            To design the survey, we aimed to fulfill the criteria proposed by iGEM. Hence, informed
 +
                            consent and privacy / data protection are highly important to us. Also, our survey
 +
                            design aims to be specific and unambiguous, with the goal of not compromising our survey
 +
                            by insinuating a “correct” response to any question. The participation was voluntary and
 +
                            open to any interested person. To learn more about the survey please visit <a
 +
                                href="https://2019.igem.org/Team:Tuebingen/Survey"
 +
                                onclick='window.open("https://2019.igem.org/Team:Tuebingen/Survey","_self");'>Human
 +
                            Practices / Survey</a>.
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
               
 +
                <div class="row">
 +
                    <div class="col-12">
 +
                            <h3 style="font-family:'Righteous'; color:#2ecc71;">Establishing educational material about Diabetes
 +
                                    Type 2
 +
                                    prevention</h3>
 +
                        <p>
 +
                            Together with the group of Prof. Eicke Latz of the Institute of Innate Immunity in Bonn
 +
                            and iGEM Dresden (<a href="https://2019.igem.org/Team:Tuebingen/Collaborations"
 +
                                                onclick='window.open("https://2019.igem.org/Team:Tuebingen/Collaborations","_self");'>People
 +
                            /
 +
                            Collaborations</a>), we established educational material about possibilities that
 +
                            individuals have in order to prevent diseases like Type 2 Diabetes and adipositas. As
 +
                            we, iGEM Tübingen, target Type 2 Diabetes treatment and iGEM Dresden works on the
 +
                            development of a new sugar substitution, we want to share our knowledge with the public
 +
                            and start a preventive project.
 +
                        </p>
 +
                        <p>
 +
                            We combined education about healthy nutrition, which prevents diseases like Diabetes
 +
                            from occurring solely because of malnutrition, and the usage of GMO-based food. We are
 +
                            aware, that especially in communities like the vegan and organic community, who are
 +
                            trying to base their diets on health-based concepts, GMO-based food, which means food
 +
                            that is either a GMO, contains a GMO or was produced by a GMO, is faced with a lot of,
 +
                            in our opinion unreasonable, stigma. This is especially important, since due to the
 +
                            rising world population, at one point there won’t be enough resources, if we completely
 +
                            rule out the use of GMO-based food.
 +
                        </p>
 +
                        <p>
 +
                            Overall, we wanted this project to be a plea for healthy, GMO-based food.
 +
                            Please refer to <a href="https://2019.igem.org/Team:Tuebingen/Downloads"
 +
                                              onclick='window.open("https://2019.igem.org/Team:Tuebingen/Downloads","_self");'>
 +
                            Parts / Downloads</a> to obtain our educational material.
 +
                        </p>
 +
                    </div>
 +
                </div>
  
 
                 <div id="glpreferences" class="row">
 
                 <div id="glpreferences" class="row">
Line 12,310: Line 12,352:
 
                         <ol>
 
                         <ol>
 
                             <li id="ref_1"><a href="https://www.experimenta.science/"> Website of
 
                             <li id="ref_1"><a href="https://www.experimenta.science/"> Website of
                                    the Experimenta
+
                                the Experimenta
                                    Science Center (https://www.experimenta.science/).
+
                                Science Center (https://www.experimenta.science/).
                                </a> </li>
+
                            </a></li>
 
                             <li id="ref_2"><a
 
                             <li id="ref_2"><a
 
                                     href="https://apps.who.int/iris/bitstream/handle/10665/204871/9789241565257_eng.pdf;jsessionid=8D5E18D2A5627102F238B7D2DA7AD2C4?sequence=1"
 
                                     href="https://apps.who.int/iris/bitstream/handle/10665/204871/9789241565257_eng.pdf;jsessionid=8D5E18D2A5627102F238B7D2DA7AD2C4?sequence=1"
 
                                     onclick='window.open("https://apps.who.int/iris/bitstream/handle/10665/204871/9789241565257_eng.pdf;jsessionid=8D5E18D2A5627102F238B7D2DA7AD2C4?sequence=1","_self");'>
 
                                     onclick='window.open("https://apps.who.int/iris/bitstream/handle/10665/204871/9789241565257_eng.pdf;jsessionid=8D5E18D2A5627102F238B7D2DA7AD2C4?sequence=1","_self");'>
                                    World Health Organization. (2016). Global Report on Diabetes. Online available
+
                                World Health Organization. (2016). Global Report on Diabetes. Online available
                                    [Accessed 26.03.2019].</a> </li>
+
                                [Accessed 26.03.2019].</a></li>
 
                             <li id="ref_3"><a href="http://www.iii.uni-bonn.de/"
 
                             <li id="ref_3"><a href="http://www.iii.uni-bonn.de/"
                                    onclick='window.open("http://www.iii.uni-bonn.de/","_self");'>
+
                                              onclick='window.open("http://www.iii.uni-bonn.de/","_self");'>
                                    Christ, A., Lauterbauch, M., Latz, E. Western lifestyle and the immune system,
+
                                Christ, A., Lauterbauch, M., Latz, E. Western lifestyle and the immune system,
                                    an
+
                                an
                                    inflammatory connection, not published.</a></li>
+
                                inflammatory connection, not published.</a></li>
 
                             <li id="ref_4"><a
 
                             <li id="ref_4"><a
 
                                     href="https://www.ahajournals.org/doi/full/10.1161/circulationaha.115.018585"
 
                                     href="https://www.ahajournals.org/doi/full/10.1161/circulationaha.115.018585"
 
                                     onclick='window.open("https://www.ahajournals.org/doi/full/10.1161/circulationaha.115.018585","_self");'>
 
                                     onclick='window.open("https://www.ahajournals.org/doi/full/10.1161/circulationaha.115.018585","_self");'>
                                    Mozaffarian, D. (2016). Dietary and Policy Priorities for Cardiovascular
+
                                Mozaffarian, D. (2016). Dietary and Policy Priorities for Cardiovascular
                                    Disease, Diabetes, and Obesity: A Comprehensive Review. Circulation 133,
+
                                Disease, Diabetes, and Obesity: A Comprehensive Review. Circulation 133,
                                    187-225.
+
                                187-225.
                                </a> </li>
+
                            </a></li>
 
                             <li id="ref_5"><a href="https://care.diabetesjournals.org/content/31/12/2281.short"
 
                             <li id="ref_5"><a href="https://care.diabetesjournals.org/content/31/12/2281.short"
                                    onclick='window.open("https://care.diabetesjournals.org/content/31/12/2281.short","_self");'>
+
                                              onclick='window.open("https://care.diabetesjournals.org/content/31/12/2281.short","_self");'>
                                    Atkinson, F.S., Foster-Powell, K., and Brand-Miller, J.C. (2008). International
+
                                Atkinson, F.S., Foster-Powell, K., and Brand-Miller, J.C. (2008). International
                                    tables of glycemic index and glycemic load values: 2008. Diabetes Care 31,
+
                                tables of glycemic index and glycemic load values: 2008. Diabetes Care 31,
                                    2281-2283. </a> </li>
+
                                2281-2283. </a></li>
 
                             <li id="ref_6"><a
 
                             <li id="ref_6"><a
 
                                     href="https://www.cambridge.org/core/journals/nutrition-research-reviews/article/current-evidence-on-the-association-of-the-metabolic-syndrome-and-dietary-patterns-in-a-global-perspective/9C7E47903A8A51412B35FF9C1589F673"
 
                                     href="https://www.cambridge.org/core/journals/nutrition-research-reviews/article/current-evidence-on-the-association-of-the-metabolic-syndrome-and-dietary-patterns-in-a-global-perspective/9C7E47903A8A51412B35FF9C1589F673"
 
                                     onclick='window.open("https://www.cambridge.org/core/journals/nutrition-research-reviews/article/current-evidence-on-the-association-of-the-metabolic-syndrome-and-dietary-patterns-in-a-global-perspective/9C7E47903A8A51412B35FF9C1589F673","_self");'>Hosseini,
 
                                     onclick='window.open("https://www.cambridge.org/core/journals/nutrition-research-reviews/article/current-evidence-on-the-association-of-the-metabolic-syndrome-and-dietary-patterns-in-a-global-perspective/9C7E47903A8A51412B35FF9C1589F673","_self");'>Hosseini,
                                    Z., Whiting, S.J., and Vatanparast, H. (2016). Current evidence on the
+
                                Z., Whiting, S.J., and Vatanparast, H. (2016). Current evidence on the
                                    association of the metabolic syndrome and dietary patterns in a global
+
                                association of the metabolic syndrome and dietary patterns in a global
                                    perspective. Nutr Res Rev 29, 152-162. </a> </li>
+
                                perspective. Nutr Res Rev 29, 152-162. </a></li>
 
                             </li>
 
                             </li>
 
                             <li id="ref_7"><a
 
                             <li id="ref_7"><a
                                href="https://icons8.com/license"
+
                                    href="https://icons8.com/license"
                                onclick='window.open("https://icons8.com/license","_self");'>Visit icons8.com for the beautiful icons we used.</a> </li>
+
                                    onclick='window.open("https://icons8.com/license","_self");'>Visit icons8.com for
                        </li>
+
                                the beautiful icons we used.</a></li>
 +
                            </li>
 
                         </ol>
 
                         </ol>
 
                     </div>
 
                     </div>
  
 
                 </div>
 
                 </div>
        </main>
+
            </main>
 +
        </div>
 
     </div>
 
     </div>
 
</div>
 
</div>
</div>
+
<script src="https://2019.igem.org/Team:Tuebingen/sidebarEduJS?action=raw&ctype=text/javascript">
<script src="https://2019.igem.org/Team:Tuebingen/sidebarJS?action=raw&ctype=text/javascript">
+
 
</script>
 
</script>
  
Line 12,362: Line 12,405:
 
</script>
 
</script>
  
    <div class='container-fluid p-3' style="background-color: rgba(35, 35, 35, 0.4);">
+
<div class='container-fluid p-3' style="background-color: #919191;">
    <hr>
+
        <hr>
    <div class='row align-items-center'>
+
        <div class='row align-items-center'>
        <div class='col-6 col-md-2 sponsorLogo text-center'>
+
            <div class='col-6 col-md-2 sponsorLogo text-center'>
            <a href="https://www.stura-tuebingen.de/" target="_blank2"><img class="img-fluid"
+
                <a href="https://www.stura-tuebingen.de/" target="_blank2"><img class="img-fluid"
                                                                            src="https://2019.igem.org/wiki/images/1/10/T--Tuebingen--stura_logo.png"
+
                                                                                src="https://2019.igem.org/wiki/images/1/10/T--Tuebingen--stura_logo.png"
                                                                            style="max-height: 80px;"></a>
+
                                                                                style="max-height: 80px;"></a>
        </div>
+
            </div>
        <div class='col-6 col-md-2 sponsorLogo text-center'>
+
         
             <a href="https://www.embl.de/" target="_blank2"><img class="img-fluid"
+
            <div class='col-6 col-md-2 sponsorLogo text-center'>
                                                                src="https://2019.igem.org/wiki/images/c/c4/T--Tuebingen--embl_logo.png"
+
                <a href="https://www.kohlbacherlab.org" target="_blank2"><img class="img-fluid"
                                                                style="max-height: 80px;"></a>
+
                                                                              src="https://2019.igem.org/wiki/images/9/99/T--Tuebingen--kohlbacher_logo.png"
        </div>
+
                                                                              style="max-height: 80px;"></a>
 +
             </div>
 +
            <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
                <a href="https://www.dieter-schwarz-stiftung.de/homepage.html" target="_blank2"><img class="img-fluid"
 +
                                                                                                    src="https://2019.igem.org/wiki/images/8/86/T--Tuebingen--LogoDSS.png"
 +
                                                                                                    style="max-height: 80px;"></a>
 +
            </div>
 +
   
 +
            <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
                    <a href="https://www.embl.de/" target="_blank2"><img class="img-fluid"
 +
                                                                        src="https://2019.igem.org/wiki/images/c/c4/T--Tuebingen--embl_logo.png"
 +
                                                                        style="max-height: 80px;"></a>
 +
                </div>
 +
   
 +
            <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
                <a href="https://www.experimenta.science/en/" target="_blank2"><img class="img-fluid"
 +
                                                                                    src="https://2019.igem.org/wiki/images/e/eb/T--Tuebingen--Logo-Experimenta.png"
 +
                                                                                    style="max-height: 80px;"></a>
 +
            </div>
 +
           
 
                 <div class='col-6 col-md-2 sponsorLogo text-center'>
 
                 <div class='col-6 col-md-2 sponsorLogo text-center'>
            <a href="https://www.medizin.uni-tuebingen.de/de/medizinische-fakultaet/forschung/core-facilities/ncct"
+
                    <a href="https://www.medizin.uni-tuebingen.de/de/medizinische-fakultaet/forschung/core-facilities/ncct"
              target="_blank2"><img class="img-fluid"
+
                      target="_blank2"><img class="img-fluid"
                                    src="https://2019.igem.org/wiki/images/e/ec/T--Tuebingen--NCCT.png"
+
                                            src="https://2019.igem.org/wiki/images/e/ec/T--Tuebingen--NCCT.png"
                                    style="max-height: 80px;"></a>
+
                                            style="max-height: 80px;"></a>
 +
                </div>
 +
   
 
         </div>
 
         </div>
         <div class='col-6 col-md-2 sponsorLogo text-center'>
+
   
            <a href="https://www.kohlbacherlab.org" target="_blank2"><img class="img-fluid"
+
        <hr>
                                                                          src="https://2019.igem.org/wiki/images/9/99/T--Tuebingen--kohlbacher_logo.png"
+
         <div class='row align-items-center'>
                                                                          style="max-height: 80px;"></a>
+
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.lexogen.com/" target="_blank2"><img class="img-fluid"
 +
                                                                        src="https://2019.igem.org/wiki/images/4/43/T--Tuebingen--lexogen_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.zmbp.uni-tuebingen.de/zmbp.html" target="_blank2"><img class="img-fluid"
 +
                                                                                            src="https://2019.igem.org/wiki/images/d/d8/T--Tuebingen--zmbp_logo.png"
 +
                                                                                            style="max-height: 80px;"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="http://s466755640.online.de/4bl/" target="_blank2"><img class="img-fluid"
 +
                                                                                src="https://2019.igem.org/wiki/images/0/0b/T--Tuebingen--4base_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.agilent.com/" target="_blank2"><img class="img-fluid"
 +
                                                                        src="https://2019.igem.org/wiki/images/e/e7/T--Tuebingen--agilent_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.digitalocean.com/" target="_blank2"><img class="img-fluid"
 +
                                                                              src="https://2019.igem.org/wiki/images/6/67/T--Tuebingen--digitalocean_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://dwk.com/" target="_blank2"><img class="img-fluid"
 +
                                                                src="https://2019.igem.org/wiki/images/c/ce/T--Tuebingen--dwk_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.eppendorf.com/" target="_blank2"><img class="img-fluid"
 +
                                                                          src="https://2019.igem.org/wiki/images/a/a6/T--Tuebingen--eppendorf_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.implen.de/" target="_blank2"><img class="img-fluid"
 +
                                                                      src="https://2019.igem.org/wiki/images/b/bb/T--Tuebingen--Logo-Implen.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.jenabioscience.com/" target="_blank2"><img class="img-fluid"
 +
                                                                                src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--JBS_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.gbo.com/" target="_blank2"><img class="img-fluid"
 +
                                                                    src="https://2019.igem.org/wiki/images/a/ae/T--Tuebingen--greiner_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="http://www.metabion.com/" target="_blank2"><img class="img-fluid"
 +
                                                                        src="https://2019.igem.org/wiki/images/4/41/T--Tuebingen--Logo-Metabion.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.microsynth.ch/home-ch.html" target="_blank2"><img class="img-fluid"
 +
                                                                                      src="https://2019.igem.org/wiki/images/1/18/T--Tuebingen--microsynth_logo.png"></a>
 +
            </div>
 
         </div>
 
         </div>
         <div class='col-6 col-md-2 sponsorLogo text-center'>
+
   
             <a href="https://www.dieter-schwarz-stiftung.de/homepage.html" target="_blank2"><img class="img-fluid"
+
         <div class='row align-items-center'>
                                                                                                src="https://2019.igem.org/wiki/images/8/86/T--Tuebingen--LogoDSS.png"
+
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
                                                                                                style="max-height: 80px;"></a>
+
                <a href="https://www.neb.com/" target="_blank2"><img class="img-fluid"
 +
                                                                    src="https://2019.igem.org/wiki/images/2/29/T--Tuebingen--neb_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.promega.de/en/" target="_blank2"><img class="img-fluid"
 +
                                                                          src="https://2019.igem.org/wiki/images/f/f8/T--Tuebingen--promega_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.qiagen.com/us/" target="_blank2"><img class="img-fluid"
 +
                                                                          src="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--qiagen_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.carlroth.com/en/en" target="_blank2"><img class="img-fluid"
 +
                                                                              src="https://2019.igem.org/wiki/images/6/61/T--Tuebingen--roth_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.sitoolsbiotech.com/" target="_blank2"><img class="img-fluid"
 +
                                                                                src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--sibiotools_logo.png"></a>
 +
             </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.snapgene.com/" target="_blank2"><img class="img-fluid"
 +
                                                                          src="https://2019.igem.org/wiki/images/3/3a/T--Tuebingen--snapgene_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.trilinkbiotech.com/" target="_blank2"><img class="img-fluid"
 +
                                                                                src="https://2019.igem.org/wiki/images/b/b6/T--Tuebingen--trilink_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://twistbioscience.com/" target="_blank2"><img class="img-fluid"
 +
                                                                            src="https://2019.igem.org/wiki/images/4/4c/T--Tuebingen--Logo-Twist.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="http://www.vazymebiotech.com/" target="_blank2"><img class="img-fluid"
 +
                                                                              src="https://2019.igem.org/wiki/images/b/b7/T--Tuebingen--vazyme_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.biolegend.com/" target="_blank2"><img class="img-fluid"
 +
                                                                          src="https://2019.igem.org/wiki/images/c/c3/T--Tuebingen--biolegend_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.zymoresearch.de/" target="_blank2"><img class="img-fluid"
 +
                                                                            src="https://2019.igem.org/wiki/images/6/6e/T--Tuebingen--zymo_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.eurofins.com/" target="_blank2"><img class="img-fluid"
 +
                                                                            src="https://2019.igem.org/wiki/images/c/cd/T--Tuebingen--eurofins_logo.svg"></a>
 +
            </div>
 +
   
 
         </div>
 
         </div>
 
        <div class='col-6 col-md-2 sponsorLogo text-center'>
 
            <a href="https://www.experimenta.science/en/" target="_blank2"><img class="img-fluid"
 
                                                                                src="https://2019.igem.org/wiki/images/e/eb/T--Tuebingen--Logo-Experimenta.png"
 
                                                                                style="max-height: 80px;"></a>
 
        </div>
 
 
 
     </div>
 
     </div>
 
    <hr>
 
    <div class='row align-items-center'>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.lexogen.com/" target="_blank2"><img class="img-fluid"
 
                                                                    src="https://2019.igem.org/wiki/images/4/43/T--Tuebingen--lexogen_logo.png"></a>
 
        </div>
 
                <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.zmbp.uni-tuebingen.de/zmbp.html" target="_blank2"><img class="img-fluid"
 
                                                                                        src="https://2019.igem.org/wiki/images/d/d8/T--Tuebingen--zmbp_logo.png"
 
                                                                                        style="max-height: 80px;"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="http://s466755640.online.de/4bl/" target="_blank2"><img class="img-fluid"
 
                                                                            src="https://2019.igem.org/wiki/images/0/0b/T--Tuebingen--4base_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.agilent.com/" target="_blank2"><img class="img-fluid"
 
                                                                    src="https://2019.igem.org/wiki/images/e/e7/T--Tuebingen--agilent_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.digitalocean.com/" target="_blank2"><img class="img-fluid"
 
                                                                          src="https://2019.igem.org/wiki/images/6/67/T--Tuebingen--digitalocean_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://dwk.com/" target="_blank2"><img class="img-fluid"
 
                                                            src="https://2019.igem.org/wiki/images/c/ce/T--Tuebingen--dwk_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.eppendorf.com/" target="_blank2"><img class="img-fluid"
 
                                                                      src="https://2019.igem.org/wiki/images/a/a6/T--Tuebingen--eppendorf_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.implen.de/" target="_blank2"><img class="img-fluid"
 
                                                                  src="https://2019.igem.org/wiki/images/b/bb/T--Tuebingen--Logo-Implen.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.jenabioscience.com/" target="_blank2"><img class="img-fluid"
 
                                                                            src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--JBS_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.gbo.com/" target="_blank2"><img class="img-fluid"
 
                                                                src="https://2019.igem.org/wiki/images/a/ae/T--Tuebingen--greiner_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="http://www.metabion.com/" target="_blank2"><img class="img-fluid"
 
                                                                    src="https://2019.igem.org/wiki/images/4/41/T--Tuebingen--Logo-Metabion.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.microsynth.ch/home-ch.html" target="_blank2"><img class="img-fluid"
 
                                                                                  src="https://2019.igem.org/wiki/images/1/18/T--Tuebingen--microsynth_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.neb.com/" target="_blank2"><img class="img-fluid"
 
                                                                src="https://2019.igem.org/wiki/images/2/29/T--Tuebingen--neb_logo.png"></a>
 
        </div>
 
    </div>
 
 
    <div class='row align-items-center'>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.promega.de/en/" target="_blank2"><img class="img-fluid"
 
                                                                      src="https://2019.igem.org/wiki/images/f/f8/T--Tuebingen--promega_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.qiagen.com/us/" target="_blank2"><img class="img-fluid"
 
                                                                      src="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--qiagen_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.carlroth.com/en/en" target="_blank2"><img class="img-fluid"
 
                                                                          src="https://2019.igem.org/wiki/images/6/61/T--Tuebingen--roth_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.sitoolsbiotech.com/" target="_blank2"><img class="img-fluid"
 
                                                                            src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--sibiotools_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.snapgene.com/" target="_blank2"><img class="img-fluid"
 
                                                                      src="https://2019.igem.org/wiki/images/3/3a/T--Tuebingen--snapgene_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.trilinkbiotech.com/" target="_blank2"><img class="img-fluid"
 
                                                                            src="https://2019.igem.org/wiki/images/b/b6/T--Tuebingen--trilink_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://twistbioscience.com/" target="_blank2"><img class="img-fluid"
 
                                                                        src="https://2019.igem.org/wiki/images/4/4c/T--Tuebingen--Logo-Twist.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="http://www.vazymebiotech.com/" target="_blank2"><img class="img-fluid"
 
                                                                          src="https://2019.igem.org/wiki/images/b/b7/T--Tuebingen--vazyme_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.biolegend.com/" target="_blank2"><img class="img-fluid"
 
                                                                      src="https://2019.igem.org/wiki/images/c/c3/T--Tuebingen--biolegend_logo.png"></a>
 
        </div>
 
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
            <a href="https://www.zymoresearch.de/" target="_blank2"><img class="img-fluid"
 
                                                                        src="https://2019.igem.org/wiki/images/6/6e/T--Tuebingen--zymo_logo.png"></a>
 
        </div>
 
 
    </div>
 
</div>
 
</p>
 
  
 
</div>
 
</div>

Latest revision as of 19:58, 11 December 2019

GLP.exe - Education & Public Engagement

PUBLIC ENGAGEMENT

Experimenta & Schools

“Introducing young, aspiring students to the natural sciences is imperative towards preparing them for scientific careers.”

Read More

Public Outreach

“Our team strongly believes that education is the key to a society susceptible to new techniques and advancements.”

Read More

Diabetes prevention

“Knowledge transfer to the public has not been sufficient enough to spread the notion of a balanced nutrition to prevent diabetes.”

Read More

Experimenta & Schools

Introducing young, aspiring students to the natural sciences is imperative towards preparing them for scientific careers. Only then will our societies be able to tackle the current and future pressing issues and developments. While there are numerous initiatives and possibilities, our team strongly believes that early education is key to preparing students for a society susceptible to new techniques and advancements.

Collaboration with Experimenta Science Center

The Experimenta Science Center [1] in Heilbronn, Baden-Wuerttemberg, Germany set up the “Schülerforschungszentrum” (SFZ) last year where young researchers are actively supported in their initial scientific work. This inspired us to reach out to them and offer our expertise and lab literacy.

Together with Dr. Robert Friedrich we designed and executed a 4 day lab course and took part in a panel discussion covering CRISPR/Cas and Biohacking. Read more about our collaboration with the Experimenta Science Center on Human Practices / Experimenta Science Center.

Presentations and lectures in high schools

We believe that education in the field of Synthetic Biology is key in order to promote it in the society and get rid of the stigma of the “bad” GMOs, especially in Europe and more specifically Germany, where GMOs are largely banned. Our team members visited their former high schools and taught the students about synthetic biology, the iGEM competition and our project. Our presentations sparked great interest in the schools, but also the students and several of them are investigating the possibility of starting a high school team in the coming years.

Please refer to Parts / Downloads to obtain our educational material.

Public Outreach

Introducing synthetic biology to a society where people are afraid of GMO crops and rather buy ‘gentechnikfreie Lebensmittel’ (non-GMO food) is a big challenge. However we strongly believe that thoughtful education is key to a society susceptible to new techniques and advancements. We wanted to reach out at as many different events and places possible, to reach the most people possible and spread our love for GMOs.

Booth at the city center in Tuebingen

In our effort to generate more public awareness of the possibilities of GMOs we implemented an informational booth at the city center in Tuebingen. During our booth event we experienced, what we already suspected before. GMOs are still largely unknown to many and a lot of prejudices towards them exist even today. This event also influenced us to take even more steps toward a more educated society with the ultimate goal of opening our society toward GMOs.

Presenting iGEM at a Science Slam

During the Biomedical symposium in Tübingen, organised by Molecular Medicine students, we got the chance to present our project as well as iGEM and synthetic biology to an audience of over 500 people at the science slam.

We informed students of the biomedical area as well as professors and researchers in the medical field about synthetic biology, GMOs, our iGEM project and promoted our survey on Diabetes and GMOs. To learn more about the survey please visit Human Practices / Survey.

Launching our own website

Our relentless passion was poured into the creation of our brand new website, which we developed from scratch. Not only did the website enable us to inform potential sponsors about our project, it also gave us the ability to host our survey, create educational content, announce the team members and introduce iGEM to the general public in a professional and accessible manner. Check out our official website under igem-tuebingen.com.

Promoting the SDGs

The Sustainable Development Goals (SDGs) of the United Nations (UN) aim at improving our society and planet by promoting prosperity, equality, peace and care for the environment. We decided to spread the importance of the UN SDGs among the iGEM community together with iGEM Tas Taipei and iGEM Costa Rica (People / Collaborations).

To learn more about our educational efforts toward the SDGs please visit Human Practices / Sustainable Development Goals.

iGEM Tuebingen featured in Biospektrum

Biospektrum is the public magazine of the Gesellschaft für Biochemie und Molekularbiologie (GBM), the Vereinigung für Allgemeine und Angewandte Mikrobiologie (VAAM), the Gesellschaft für Genetik (GfG) and the Deutschen Gesellschaft für Experimentelle und Klinische Pharmakologie und Toxikologie (DGPT). Every two months, a new issue is released to more than 15000 readers informing them about new developments in synthetic biology. Biospektrum contacted us to write an article about our iGEM project which will be included in the next issue. We ensured that our project is understandable to a broad audience.

Participation in a relay race

We had an amazing time participating in the 31st Tübinger 100km relay race on the 06/29/2019. Even though it was 32 degrees hot, we survived and reached the finish line in 4 hours and 4 minutes. While other team members were running our team member Famke Baeuerle took the chance of getting a shoutout for our iGEM Team to the large audience. She talked to the host about synthetic biology (‘Lego with DNA’) and organizing an interdisciplinary team of students. The conversation was audible to the whole stadium.

Winning Sponsors and Supporters

During our iGEM Season we were faced with the obstacle of financing our research. We made this our strength and contacted more than 200 companies and foundations. Although, not all of them were able to sponsor us, we were able to introduce iGEM to a couple of new companies that will hopefully be stable sponsors of the iGEM Team Tuebingen in the coming years. This year we could win over 30 partners (People / Sponsors) to support our iGEM team, proving that our work is significant and conducted in a professional manner. We are especially happy that our partners and sponsors expressed great interest in our work and asked for regular updates.

On top of that we aimed to improve our standing as iGEM Team at the University of Tuebingen. Hence, we held multiple talks and presentations in research groups and different departments. Check out the slides we used below and also refer to Human Practices / Experts for further insight on how we incorporated feedback from our supporters.

Diabetes prevention

In 2014, there were 422 Million adults with diagnosed Diabetes Mellitus worldwide[2]. Overall, there is more than enough evidence that western life-style, in its sedentary, high-sugar, high-unsaturated fatty acids, high-cholesterol, high-salt and low-fibre way, promotes the development of inflammatory and chronic diseases [3, 4]. Although, especially in research environment, this fact is known, knowledge transfer to the public has not been sufficient enough to adequately spread the notion of a balanced nutrition to prevent potentially fatal diseases, such as Diabetes Mellitus and Morbus Crohn [3, 4, 5, 6].

Gaining expertise in clinical Diabetes treatment

Claudia Leippert is a certified Diabetes Specialist Nurse (DSN, B.Sc.) with more than 30 years of experience in the treatment of Diabetes. We talked to her about what type 2 Diabetes is, how it develops and how it differs from type 1 Diabetes and how Diabetes illnesses develop on a global scale. She gave us very valuable insight into how type 2 Diabetes is normally being treated and introduced us to clinical challenges from her day to day work.

All the information she provided is also summarized in a short interview in the video below.

Our main takeaway was that every treatment has to fit the patient and that no patient will consistently follow instructions he or she does not agree with. Another main point is that treatments must become globally available and affordable. This led us to think more about the money side of our therapeutic (Project / Entrepreneurship) and include estimates on how expensive our probiotic would be.

Conducting a Survey

We conducted a survey to gather information about general knowledge and options about Diabetes Mellitus, its therapy and how synthetic biology may play a role in the future. To design the survey, we aimed to fulfill the criteria proposed by iGEM. Hence, informed consent and privacy / data protection are highly important to us. Also, our survey design aims to be specific and unambiguous, with the goal of not compromising our survey by insinuating a “correct” response to any question. The participation was voluntary and open to any interested person. To learn more about the survey please visit Human Practices / Survey.

Establishing educational material about Diabetes Type 2 prevention

Together with the group of Prof. Eicke Latz of the Institute of Innate Immunity in Bonn and iGEM Dresden (People / Collaborations), we established educational material about possibilities that individuals have in order to prevent diseases like Type 2 Diabetes and adipositas. As we, iGEM Tübingen, target Type 2 Diabetes treatment and iGEM Dresden works on the development of a new sugar substitution, we want to share our knowledge with the public and start a preventive project.

We combined education about healthy nutrition, which prevents diseases like Diabetes from occurring solely because of malnutrition, and the usage of GMO-based food. We are aware, that especially in communities like the vegan and organic community, who are trying to base their diets on health-based concepts, GMO-based food, which means food that is either a GMO, contains a GMO or was produced by a GMO, is faced with a lot of, in our opinion unreasonable, stigma. This is especially important, since due to the rising world population, at one point there won’t be enough resources, if we completely rule out the use of GMO-based food.

Overall, we wanted this project to be a plea for healthy, GMO-based food. Please refer to Parts / Downloads to obtain our educational material.