h1 {

 font-size: 26px;
 font-family: 'Roboto', sans-serif;

}

h1.welcome-intro {

 margin-top: 0;
 color: #5e5955;
 text-align: center;
 text-transform: none;
 font-weight: 700;

}

h1.welcome-title {

 color: #ff6125;
 text-align: center;
 font-weight: 300;
 font-size: 35px;
 line-height: .9;

}

h4 {

 color: #ff6125;
 font-family: 'Roboto', sans-serif;

}

h5 {

 text-align: center;
 font-family: 'Roboto', sans-serif;

}

h5.tip-heading {

 margin-top: 20px;
 margin-bottom: 5px;
 max-width: 800px;
 color: #ff6125;
 font-size: 21px;

}

h5 span.tip {

 text-transform: uppercase;

}

h6 {

 color: #9b8d83;
 font-size: 20px;
 font-family: 'Roboto', sans-serif;

}

h6.step-heading {

 margin-top: 12px;
 margin-right: 0;
 margin-bottom: 3px;
 padding-right: 15px;
 padding-left: 15px;
 color: #ff6125;
 font-size: 16px;

}

h6.standout {

 margin-top: 30px;
 margin-bottom: 40px;
 padding-top: 10px;
 border-top: 1px dotted rgba(75, 75, 75, .25);
 color: #333;
 font-style: italic;
 font-size: 24px;
 font-family: Georgia, Times, 'Times New Roman', serif;

}

h6.inbetweener {

 margin-bottom: 0;
 padding-left: 15px;
 color: rgba(0, 0, 0, .74);
 font-size: 16px;

}

p.paragraph {

 color: #5e5955;
 text-align: left;
 font-size: 16px;
 font-family: 'Roboto', sans-serif;
 line-height: 1.6;

}

p.paragraph.overview-paragraph {

 margin-top: 0;
 margin-bottom: 0;
 max-width: 700px;
 color: rgba(0, 0, 0, .70);
 font-family: 'Roboto', sans-serif;

}

p.paragraph.step-paragraph {

 margin-top: 7px;
 margin-bottom: 0;
 padding-right: 15px;
 padding-left: 15px;
 max-width: none;
 color: rgba(20, 14, 12, .75);
 text-align: left;
 font-size: 14px;
 font-family: 'Roboto', sans-serif;
 line-height: 1.5;

}

p.paragraph a.paragraph-text-1 {

 color: rgba(0, 0, 0, .70);
 text-decoration: none;
 font-weight: 700;

}

p.paragraph span.highlight {

 color: #5e5955;
 font-weight: 600;

}

p.paragraph.more-info {

 padding-top: 25px;
 padding-bottom: 15px;
 max-width: 800px;

}

p.paragraph span.blue {

 color: #1a9fdd;

}

p.paragraph span.pink {

 color: #e92f7c;

}

p.paragraph span.yellow {

 color: rgba(253, 160, 41, .99);

}

p.paragraph a.outside-link {

 color: rgba(0, 0, 0, .70);
 text-decoration: none;
 font-weight: 700;

}

p.paragraph a.p-link {

 color: #225fa9;
 text-decoration: none;

}

p.paragraph.toc-number {

 margin-top: 0;
 margin-bottom: 0;
 color: #ff6125;

}

p.paragraph span.code {

 background-color: #e3f9ff;
 color: #918a84;
 font-size: 14px;
 font-family: Consolas, monaco, monospace;

}

p.paragraph span.control {

 color: #918a84;
 font-size: 14px;
 font-family: Consolas, monaco, monospace;

}

p.paragraph span.emphasis {

 font-style: italic;

}

p.paragraph.credentials {

 margin-top: 0;
 margin-bottom: 10px;
 color: #858585;
 font-size: 13px;
 line-height: 1.3;

}

p.paragraph.credentials.title {

 border-bottom: 1px dotted rgba(94, 94, 94, .25);
 color: #2e7cb8;

}

p.paragraph a.p-link.undelined {

 text-decoration: underline;

}

p.paragraph.alert {

 color: #5e5955;

}

p.paragraph.welcome-p {

 color: #5e5955;

}

p.paragraph a.p-link:hover {

 text-decoration: underline;

}

a.link-text {

 padding-left: 15px;
 font-size: 16px;
 font-family: 'Roboto', sans-serif;
 line-height: 1.5;

}

a.link-text.toc-link {

 margin-top: 0;
 margin-bottom: 0;
 color: rgba(0, 0, 0, .6);
 font-weight: 700;

}

a.link-text.toc-link:hover {

 text-decoration: underline;

}

/* Layout Elements */

body > .row > [class*='coffee-span-'].column-1 {

 display: -webkit-flex;
 display:    -moz-flex;
 display:     -ms-flex;
 display:      -o-flex;
 display:         flex;

 -webkit-justify-content: center;
    -moz-justify-content: center;
     -ms-justify-content: center;
      -o-justify-content: center;
         justify-content: center;
 -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
     -ms-flex-wrap: nowrap;
      -o-flex-wrap: nowrap;
         flex-wrap: nowrap;

}

body > .row > [class*='coffee-span-'].header-column {

 display: -webkit-flex;
 display:    -moz-flex;
 display:     -ms-flex;
 display:      -o-flex;
 display:         flex;
 -webkit-flex-direction: column;
    -moz-flex-direction: column;
     -ms-flex-direction: column;
      -o-flex-direction: column;
         flex-direction: column;
 padding-top: 10px;
 padding-right: 8px;
 padding-bottom: 40px;
 border-top: 5px solid #ff6125;

 -webkit-align-items: center;
    -moz-align-items: center;
     -ms-align-items: center;
      -o-align-items: center;
         align-items: center;

}

body > .row > [class*='coffee-span-'].footer-column {

 display: -webkit-flex;
 display:    -moz-flex;
 display:     -ms-flex;
 display:      -o-flex;
 display:         flex;
 -webkit-flex-direction: column;
    -moz-flex-direction: column;
     -ms-flex-direction: column;
      -o-flex-direction: column;
         flex-direction: column;
 padding-top: 10px;
 padding-bottom: 10px;

 -webkit-align-items: center;
    -moz-align-items: center;
     -ms-align-items: center;
      -o-align-items: center;
         align-items: center;

}

body.grid-1 {

 padding-right: 0;
 padding-left: 0;
 background-color: #fff;

}

body > .row.tip-row {

 margin-top: 20px;
 margin-bottom: 50px;
 padding-top: 0;
 padding-bottom: 0;
 max-width: 1200px;
 background-color: #e7e2db;
 box-shadow: none;

}

body > .row.toc-links {

 margin-bottom: 40px;

}

body > .row.article-header {

 margin-top: -200px;
 padding: 70px 20px 45px;
 min-height: 200px;
 width: 95%;
 background-color: #fff;

}

body > .row.cover-row {

 margin-top: 0;
 padding-top: 20px;
 padding-right: 0;
 padding-bottom: 20px;
 min-height: 350px;
 max-width: none;
 background-color: #fd8a31;
 background-image: url('../pictures/cover.jpg');
 background-size: cover;

}

body > .row > [class*='coffee-span-'] {

 min-height: 20px;

}

body > .row {

 padding-top: 20px;
 padding-bottom: 20px;

}

body > .row > [class*='coffee-span-'].alert-message {

 border-left: 3px solid #ffcb8c;
 background-color: rgba(227, 214, 191, .25);

}

.row > [class*='coffee-span-'] > .container.step-container {

 display: -webkit-flex;
 display:    -moz-flex;
 display:     -ms-flex;
 display:      -o-flex;
 display:         flex;
 -webkit-flex-direction: column;
    -moz-flex-direction: column;
     -ms-flex-direction: column;
      -o-flex-direction: column;
         flex-direction: column;
 margin-top: 30px;
 padding-right: 0;
 padding-bottom: 15px;
 padding-left: 0;
 max-width: 310px;
 width: auto;
 border: 1px solid #c8beb1;
 border-top-left-radius: 4px 4px;
 border-top-right-radius: 4px 4px;
 border-bottom-right-radius: 4px 4px;
 border-bottom-left-radius: 4px 4px;
 background-color: #fff;

 -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
     -ms-align-items: flex-start;
      -o-align-items: flex-start;
         align-items: flex-start;
 -webkit-flex: auto;
    -moz-flex: auto;
     -ms-flex: auto;
      -o-flex: auto;
         flex: auto;

}

div.responsive-picture.step-image {

 margin-top: 0;
 max-width: none;
 max-height: 210px;
 border-top: 0 solid rgba(34, 34, 34, .59);
 border-right: 0 solid rgba(34, 34, 34, .59);
 border-bottom: 1px solid rgba(34, 34, 34, .14);
 border-left: 0 solid rgba(34, 34, 34, .59);
 border-top-left-radius: 2px 2px;
 border-top-right-radius: 2px 2px;
 box-shadow: none;

}

span.glyph.step-connector {

 margin-right: 3%;
 margin-left: 3%;
 color: #c2b9b6;
 font-size: 20px;

 -webkit-align-self: center;
    -moz-align-self: center;
     -ms-align-self: center;
      -o-align-self: center;
         align-self: center;
 -webkit-flex: 0 auto;
    -moz-flex: 0 auto;
     -ms-flex: 0 auto;
      -o-flex: 0 auto;
         flex: 0 auto;

}

.row > [class*='coffee-span-'] > .container.step-container.two-steps {

 max-width: 360px;

}

.row > [class*='coffee-span-'] > .container.toc-container {

 display: -webkit-flex;
 display:    -moz-flex;
 display:     -ms-flex;
 display:      -o-flex;
 display:         flex;
 margin-top: 10px;
 min-height: 15px;

}

span.link-button-text.text-for-button-1 {

 color: #9f9390;

}

span.glyph-for-button.glyph-1 {

 color: rgba(0, 0, 0, .40);

}

a.link-button-glyph.toc-link {

 margin-bottom: 30px;
 border: 1px solid #c8beb1;
 background-color: transparent;

}

span.link-button-text {

 font-family: 'Roboto', sans-serif;

}

@media screen and (max-width: 922px) {

 /* Text Elements */

 h5.tip-heading {
   color: #ff6125;
 }

 /* Layout Elements */

 body > .row > [class*='coffee-span-'].column-1 {
   -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
           flex-wrap: wrap;
   -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
       -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
           justify-content: flex-start;
 }

 body > .row.tip-row {
   background-color: #e7e2db;
 }

 body > .row > [class*='coffee-span-'].header-column {
   border-top-color: #ff6125;
 }

 span.glyph.step-connector {
   display: none;
 }

 .row > [class*='coffee-span-'] > .container.step-container {
   margin-right: 1%;
   margin-left: 1%;
 }

 span.link-button-text.text-for-button-1 {
   color: #9f9390;
 }

 span.glyph-for-button.glyph-1 {
   color: rgba(0, 0, 0, .40);
 }

}

@media screen and (max-width: 768px) {

 /* Text Elements */

 h1.welcome-intro {
   font-size: 22px;
 }

 h1.welcome-title {
   font-size: 30px;
 }

 h5.tip-heading {
   font-size: 18px;
 }

 h6.standout {
   margin-top: 10px;
   margin-bottom: 20px;
   font-size: 22px;
 }

 /* Layout Elements */

 body > .row.cover-row {
   min-height: 300px;
 }

 body > .row.article-header {
   margin-top: -150px;
   padding-top: 40px;
   min-height: 150px;
 }

}

@media screen and (max-width: 665px) {

 /* Layout Elements */

 body > .row > [class*='coffee-span-'].column-1 {
   -webkit-justify-content: center;
      -moz-justify-content: center;
       -ms-justify-content: center;
        -o-justify-content: center;
           justify-content: center;
 }

}

@media screen and (max-width: 460px) {

 /* Text Elements */

 h1.welcome-intro {
   font-size: 18px;
 }

 h1.welcome-title {
   font-size: 26px;
 }

 h6.standout {
   font-size: 18px;
 }

 /* Layout Elements */

 body > .row.cover-row {
   min-height: 200px;
 }

 body > .row.article-header {
   margin-top: -136px;
   min-height: 142px;
 }

}

Stanford-Brown iGEM 2016

The Stanford-Brown 2016 iGEM team is building biologically produced membranes and sensors for space exploration. Biologically produced materials have several advantages over traditional building materials; most significant for our purposes, they are light and self-replicating. These characteristics make biomaterials ideally suited for space exploration. One possible application for these materials would be a biosensing balloon, which could used in both terrestrial and extraterrestrial atmospheres to detect temperature and molecules of interest. Furthermore, biomembranes and biosensors have other applications both here on Earth and in space.