Team:StanfordBrownSpelman

From 2014.igem.org

(Difference between revisions)
(Blanked the page)
Line 1: Line 1:
 +
<html class="no-js" lang="en">
 +
  <head>
 +
    <meta charset="utf-8" />
 +
    <meta name="description" content="iGEM Wiki 2014">
 +
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014">
 +
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 +
    <title>Stanford–Brown–Spelman iGEM 2014</title>
 +
    <style media="screen" type="text/css">
 +
/* ====== Remove MediaWiki Look ====== */
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
#content {
 +
    border: none;}
 +
 +
 +
/* ====== CSS Added ====== */
 +
 +
.title {
 +
width:100%;
 +
text-align:center;
 +
margin:auto;
 +
position:fixed;
 +
top:20px;
 +
z-index:5000;
 +
}
 +
.wiki {
 +
position:fixed;
 +
top:18px;
 +
right:25px;
 +
z-index:5000;
 +
border-bottom:0px solid;
 +
}
 +
.projects {
 +
position:fixed;
 +
top:18px;
 +
left:25px;
 +
z-index:5000;
 +
border-bottom:0px solid;
 +
}
 +
.team {
 +
position:fixed;
 +
bottom:10px;
 +
left:25px;
 +
z-index:5000;
 +
border-bottom:0px solid;
 +
}
 +
.contact {
 +
position:fixed;
 +
bottom:10px;
 +
right:25px;
 +
z-index:5000;
 +
border-bottom:0px solid;
 +
}
 +
 +
/* ====== SPLASH ====== */
 +
 +
#splash {
 +
width: 100%;
 +
height: 100%;
 +
/* background-image: url("../images/splash.png"); */
 +
background: #ffffff;
 +
background-size: cover;
 +
background-position: center;
 +
z-index:4000;
 +
position: relative;
 +
overflow: hidden;
 +
text-align: center;
 +
}
 +
 +
#title{
 +
font-size: 64pt;
 +
line-height: 70pt;
 +
color: black;
 +
font-family: 'Montserrat', Futura, Arial, sans-serif;
 +
text-shadow: 6px 6px 12px rgba(0,0,0, .25);
 +
opacity:0.95;
 +
}
 +
 +
#name {
 +
    position: absolute;
 +
    left: 50%;
 +
    top: 50%;
 +
 +
    /*
 +
    *  Where the magic happens
 +
    *  Centering method from CSS Tricks
 +
    *  http://css-tricks.com/centering-percentage-widthheight-elements/
 +
    */
 +
    transform: translate(-50%, -50%);
 +
    -webkit-transform: translate(-50%, -50%);
 +
    -o-transform: translate(-50%, -50%);
 +
    -ms-transform: translate(-50%, -50%);
 +
}
 +
 +
 +
/* ====== Remainder ====== */
 +
 +
nav {
 +
position: fixed;
 +
left: 0;
 +
right: 0;
 +
top: 0;
 +
z-index: 10000;
 +
font-size: 12pt;
 +
 +
height: 45px;
 +
}
 +
 +
nav .links {
 +
float: left;
 +
padding: 10px;
 +
}
 +
nav .links:hover{
 +
opacity: .6;
 +
}
 +
 +
nav .links:active{
 +
background-color: transparent;
 +
}
 +
 +
#about{
 +
margin-top: 30px;
 +
margin-bottom: 30px;
 +
}
 +
 +
#about img{
 +
width: 50px;
 +
height: 50px;
 +
top: -8px;
 +
position: absolute;
 +
left: 50px;
 +
}
 +
 +
#about .sub{
 +
    padding-left: 110px;
 +
    margin-bottom: 15px;
 +
    position: relative;
 +
}
 +
 +
#bioBrick{
 +
  margin-top: 10px;
 +
  margin-bottom: 10px;
 +
}
 +
 +
#bioBrick img{
 +
width: 50px;
 +
height: 50px;
 +
top: -8px;
 +
position: absolute;
 +
left: 25px;
 +
}
 +
 +
#bioBrick .sub{
 +
    padding-left: 85px;
 +
    margin-bottom: 15px;
 +
    position: relative;
 +
}
 +
 +
#bioBrickFinal{
 +
  margin-top: 10px;
 +
  margin-bottom: 30px;
 +
}
 +
 +
#bioBrickFinal img{
 +
width: 50px;
 +
height: 50px;
 +
top: -8px;
 +
position: absolute;
 +
left: 25px;
 +
}
 +
 +
#bioBrickFinal .sub{
 +
    padding-left: 85px;
 +
    margin-bottom: 15px;
 +
    position: relative;
 +
}
 +
 +
#publication{
 +
  margin-top: 10px;
 +
  margin-bottom: 30px;
 +
}
 +
 +
#publication img{
 +
width: 40px;
 +
height: 40px;
 +
top: 0px;
 +
position: absolute;
 +
left: 25px;
 +
}
 +
 +
#publication .sub{
 +
    padding-left: 85px;
 +
    margin-bottom: 15px;
 +
    position: relative;
 +
}
 +
 +
.projecticon-bio-bricks{
 +
width:100%;
 +
max-width:800px;
 +
height:150px;
 +
background-image:url("../images/bioBricks.png");
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size:150px;
 +
margin-top: 30px;
 +
}
 +
 +
#work{
 +
margin-top: 30px;
 +
}
 +
 +
#work img{
 +
width: 115px;
 +
height: 115px;
 +
position: absolute;
 +
left: 0px;
 +
top:-6px;
 +
}
 +
 +
#work .sub2{
 +
left: 90px;
 +
    padding-left: 140px;
 +
    position: relative;
 +
    margin-bottom: 30px;
 +
}
 +
 +
#work .sub3{
 +
left: 0px;
 +
padding-left: 140px;
 +
    position: relative;
 +
    margin-bottom: 30px;
 +
}
 +
 +
#thanks{
 +
margin-top: 30px;
 +
margin-bottom: 30px;
 +
}
 +
 +
#connect{
 +
margin-top: 30px;
 +
margin-bottom: 30px;
 +
}
 +
 +
#connect img{
 +
width: 70px;
 +
height: 70px;
 +
position: relative;
 +
left: 0px;
 +
top: 0px;
 +
}
 +
 +
#mobile1{
 +
margin-top: 10px;
 +
margin-bottom: 8px;
 +
}
 +
 +
#mobile2{
 +
margin-top: 20px;
 +
margin-bottom: 20px;
 +
}
 +
 +
#mobile2 img{
 +
width: 40px;
 +
height: 40px;
 +
position: relative;
 +
left: 0px;
 +
top: 0px;
 +
}
 +
 +
#footer h1{
 +
margin-top: 30px;
 +
margin-bottom: 0px;
 +
padding-bottom:20px;
 +
font-size:8pt;
 +
opacity:.4;
 +
}
 +
/*
 +
 +
#work h2{
 +
font-size: 16pt;
 +
line-height: 24pt;
 +
letter-spacing: 0px;
 +
font-weight: 700;
 +
font-family: Montserrat, Helvetica, Arial, sans-serif;
 +
margin-bottom: 2px;
 +
}
 +
 +
#work h4{
 +
font-size: 12pt;
 +
line-height: 17pt;
 +
letter-spacing: 0px;
 +
font-weight: normal;
 +
text-transform: inherit;
 +
}
 +
 +
*/
 +
 +
#teamNoodle {
 +
}
 +
 +
.placeholder{
 +
width:100%;
 +
max-width:800px;
 +
height:20px;
 +
background-image: white);
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size: 20px;
 +
}
 +
 +
.cells{
 +
width:100%;
 +
max-width:800px;
 +
height:80px;
 +
background-image:url("../images/cells.png");
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size: 80px;
 +
}
 +
 +
.cells2{
 +
width:100%;
 +
max-width:800px;
 +
height:80px;
 +
background-image:url("../images/cells2.png");
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size: 80px;
 +
}
 +
 +
.cells3{
 +
width:100%;
 +
max-width:800px;
 +
height:80px;
 +
background-image:url("../images/cells3.png");
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size: 80px;
 +
}
 +
 +
.cells4{
 +
width:100%;
 +
max-width:800px;
 +
height:80px;
 +
background-image:url("../images/cells4.png");
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size: 80px;
 +
}
 +
 +
.cells5{
 +
width:100%;
 +
max-width:800px;
 +
height:80px;
 +
background-image:url("../images/cells5.png");
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size: 80px;
 +
}
 +
 +
.cells6{
 +
width:100%;
 +
max-width:800px;
 +
height:80px;
 +
background-image:url("../images/cells6.png");
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size: 80px;
 +
}
 +
 +
.cells7{
 +
width:100%;
 +
max-width:800px;
 +
height:80px;
 +
background-image:url("../images/cells7.png");
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size: 80px;
 +
}
 +
 +
.cells8{
 +
width:100%;
 +
max-width:800px;
 +
height:80px;
 +
background-image:url("../images/cells8.png");
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size: 80px;
 +
}
 +
 +
/* ====== CSS for Sub-Pages ====== */
 +
 +
.projecticon-cellulose-acetate{
 +
width:100%;
 +
max-width:800px;
 +
height:150px;
 +
background-image:url("../images/iGEM_Cellulose_Icon.png");
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size:150px;
 +
margin-top: 30px;
 +
}
 +
 +
.projecticon-hell-cell{
 +
width:100%;
 +
max-width:800px;
 +
height:150px;
 +
background-image:url("../images/iGEM_Hell_Cell.png");
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size:150px;
 +
margin-top: 30px;
 +
}
 +
 +
.projecticon-waterproofing{
 +
width:100%;
 +
max-width:800px;
 +
height:150px;
 +
background-image:url("../images/iGEM_Waterproofing.png");
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size:150px;
 +
margin-top: 30px;
 +
}
 +
 +
.projecticon-biodegradation{
 +
width:100%;
 +
max-width:800px;
 +
height:150px;
 +
background-image:url("../images/iGEM_Biodegradation.png");
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size:150px;
 +
margin-top: 30px;
 +
}
 +
 +
.projecticon-human-practices{
 +
width:100%;
 +
max-width:800px;
 +
height:150px;
 +
background-image:url("../images/iGEM_Human_Practices.png");
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size:150px;
 +
margin-top: 30px;
 +
}
 +
 +
.projecticon-drone{
 +
width:100%;
 +
max-width:800px;
 +
height:150px;
 +
background-image:url("../images/drone_icon.png");
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size:150px;
 +
margin-top: 30px;
 +
}
 +
 +
#header{
 +
margin-top: 10px;
 +
margin-bottom: 30px;
 +
}
 +
 +
#photo{
 +
margin-top: 30px;
 +
margin-bottom: 30px;
 +
}
 +
 +
#subheader{
 +
margin-top: 30px;
 +
margin-bottom: 30px;
 +
}
 +
 +
#subheader .sub4{
 +
    padding-left: 130px;
 +
    margin-bottom: 10px;
 +
    margin-top: 10px;
 +
    position: relative;
 +
}
 +
 +
#subheader img{
 +
width: 70px;
 +
height: 70px;
 +
top: -2px;
 +
position: absolute;
 +
left: 50px;
 +
}
 +
 +
#subheader .sub5{
 +
    padding-left: 55px;
 +
    margin-bottom: 10px;
 +
    margin-top: 10px;
 +
    position: relative;
 +
}
 +
 +
#images{
 +
}
 +
 +
#results{
 +
}
 +
 +
#process{
 +
}
 +
 +
#references{
 +
}
 +
 +
 +
/* ====== CSS Added Over ====== */
 +
 +
 +
 +
 +
 +
 +
meta.foundation-version {
 +
  font-family: "/5.3.1/"; }
 +
 +
meta.foundation-mq-small {
 +
  font-family: "/only screen/";
 +
  width: 0em; }
 +
 +
meta.foundation-mq-medium {
 +
  font-family: "/only screen and (min-width:40.063em)/";
 +
  width: 40.063em; }
 +
 +
meta.foundation-mq-large {
 +
  font-family: "/only screen and (min-width:64.063em)/";
 +
  width: 64.063em; }
 +
 +
meta.foundation-mq-xlarge {
 +
  font-family: "/only screen and (min-width:90.063em)/";
 +
  width: 90.063em; }
 +
 +
meta.foundation-mq-xxlarge {
 +
  font-family: "/only screen and (min-width:120.063em)/";
 +
  width: 120.063em; }
 +
 +
meta.foundation-data-attribute-namespace {
 +
  font-family: false; }
 +
 +
html, body {
 +
  height: 100%;
 +
}
 +
 +
*,
 +
*:before,
 +
*:after {
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box; }
 +
 +
html,
 +
body {
 +
  font-size: 100%; }
 +
 +
body {
 +
  background: white;
 +
  color: #222222;
 +
  padding: 0;
 +
  margin: 0;
 +
  font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;
 +
  font-weight: 400;
 +
  font-style: normal;
 +
  line-height: 1;
 +
  position: relative;
 +
  /* cursor: url('../images/drone_cursor.png'), default; */
 +
  cursor: default; }
 +
 +
img {
 +
  max-width: 100%;
 +
  height: auto;
 +
  margin-bottom: 4px; }
 +
 
 +
/* IMAGE BOTTOM MARGIN MAY CAUSE PROBLEMS */
 +
 +
img {
 +
  -ms-interpolation-mode: bicubic; }
 +
 +
#map_canvas img,
 +
#map_canvas embed,
 +
#map_canvas object,
 +
.map_canvas img,
 +
.map_canvas embed,
 +
.map_canvas object {
 +
  max-width: none !important; }
 +
 +
.left {
 +
  float: left !important; }
 +
 +
.right {
 +
  float: right !important; }
 +
 +
.clearfix:before, .clearfix:after {
 +
  content: " ";
 +
  display: table; }
 +
.clearfix:after {
 +
  clear: both; }
 +
 +
.hide {
 +
  display: none; }
 +
 +
.antialiased {
 +
  -webkit-font-smoothing: antialiased;
 +
  -moz-osx-font-smoothing: grayscale; }
 +
 +
img {
 +
  display: inline-block;
 +
  vertical-align: middle; }
 +
 +
textarea {
 +
  height: auto;
 +
  min-height: 50px; }
 +
 +
select {
 +
  width: 100%; }
 +
 +
.row {
 +
  width: 100%;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-top: 0;
 +
  margin-bottom: 0;
 +
  max-width: 62.5em; }
 +
  .row:before, .row:after {
 +
    content: " ";
 +
    display: table; }
 +
  .row:after {
 +
    clear: both; }
 +
  .row.collapse > .column,
 +
  .row.collapse > .columns {
 +
    padding-left: 0;
 +
    padding-right: 0; }
 +
  .row.collapse .row {
 +
    margin-left: 0;
 +
    margin-right: 0; }
 +
  .row .row {
 +
    width: auto;
 +
    margin-left: -0.9375em;
 +
    margin-right: -0.9375em;
 +
    margin-top: 0;
 +
    margin-bottom: 0;
 +
    max-width: none; }
 +
    .row .row:before, .row .row:after {
 +
      content: " ";
 +
      display: table; }
 +
    .row .row:after {
 +
      clear: both; }
 +
    .row .row.collapse {
 +
      width: auto;
 +
      margin: 0;
 +
      max-width: none; }
 +
      .row .row.collapse:before, .row .row.collapse:after {
 +
        content: " ";
 +
        display: table; }
 +
      .row .row.collapse:after {
 +
        clear: both; }
 +
 +
.column,
 +
.columns {
 +
  padding-left: 0.9375em;
 +
  padding-right: 0.9375em;
 +
  width: 100%;
 +
  float: left; }
 +
 +
[class*="column"] + [class*="column"]:last-child {
 +
  float: right; }
 +
 +
[class*="column"] + [class*="column"].end {
 +
  float: left; }
 +
 +
@media only screen {
 +
  .small-push-0 {
 +
    position: relative;
 +
    left: 0%;
 +
    right: auto; }
 +
 +
  .small-pull-0 {
 +
    position: relative;
 +
    right: 0%;
 +
    left: auto; }
 +
 +
  .small-push-1 {
 +
    position: relative;
 +
    left: 8.33333%;
 +
    right: auto; }
 +
 +
  .small-pull-1 {
 +
    position: relative;
 +
    right: 8.33333%;
 +
    left: auto; }
 +
 +
  .small-push-2 {
 +
    position: relative;
 +
    left: 16.66667%;
 +
    right: auto; }
 +
 +
  .small-pull-2 {
 +
    position: relative;
 +
    right: 16.66667%;
 +
    left: auto; }
 +
 +
  .small-push-3 {
 +
    position: relative;
 +
    left: 25%;
 +
    right: auto; }
 +
 +
  .small-pull-3 {
 +
    position: relative;
 +
    right: 25%;
 +
    left: auto; }
 +
 +
  .small-push-4 {
 +
    position: relative;
 +
    left: 33.33333%;
 +
    right: auto; }
 +
 +
  .small-pull-4 {
 +
    position: relative;
 +
    right: 33.33333%;
 +
    left: auto; }
 +
 +
  .small-push-5 {
 +
    position: relative;
 +
    left: 41.66667%;
 +
    right: auto; }
 +
 +
  .small-pull-5 {
 +
    position: relative;
 +
    right: 41.66667%;
 +
    left: auto; }
 +
 +
  .small-push-6 {
 +
    position: relative;
 +
    left: 50%;
 +
    right: auto; }
 +
 +
  .small-pull-6 {
 +
    position: relative;
 +
    right: 50%;
 +
    left: auto; }
 +
 +
  .small-push-7 {
 +
    position: relative;
 +
    left: 58.33333%;
 +
    right: auto; }
 +
 +
  .small-pull-7 {
 +
    position: relative;
 +
    right: 58.33333%;
 +
    left: auto; }
 +
 +
  .small-push-8 {
 +
    position: relative;
 +
    left: 66.66667%;
 +
    right: auto; }
 +
 +
  .small-pull-8 {
 +
    position: relative;
 +
    right: 66.66667%;
 +
    left: auto; }
 +
 +
  .small-push-9 {
 +
    position: relative;
 +
    left: 75%;
 +
    right: auto; }
 +
 +
  .small-pull-9 {
 +
    position: relative;
 +
    right: 75%;
 +
    left: auto; }
 +
 +
  .small-push-10 {
 +
    position: relative;
 +
    left: 83.33333%;
 +
    right: auto; }
 +
 +
  .small-pull-10 {
 +
    position: relative;
 +
    right: 83.33333%;
 +
    left: auto; }
 +
 +
  .small-push-11 {
 +
    position: relative;
 +
    left: 91.66667%;
 +
    right: auto; }
 +
 +
  .small-pull-11 {
 +
    position: relative;
 +
    right: 91.66667%;
 +
    left: auto; }
 +
 +
  .column,
 +
  .columns {
 +
    position: relative;
 +
    padding-left: 0.9375em;
 +
    padding-right: 0.9375em;
 +
    float: left; }
 +
 +
  .small-1 {
 +
    width: 8.33333%; }
 +
 +
  .small-2 {
 +
    width: 16.66667%; }
 +
 +
  .small-3 {
 +
    width: 25%; }
 +
 +
  .small-4 {
 +
    width: 33.33333%; }
 +
 +
  .small-5 {
 +
    width: 41.66667%; }
 +
 +
  .small-6 {
 +
    width: 50%; }
 +
 +
  .small-7 {
 +
    width: 58.33333%; }
 +
 +
  .small-8 {
 +
    width: 66.66667%; }
 +
 +
  .small-9 {
 +
    width: 75%; }
 +
 +
  .small-10 {
 +
    width: 83.33333%; }
 +
 +
  .small-11 {
 +
    width: 91.66667%; }
 +
 +
  .small-12 {
 +
    width: 100%; }
 +
 +
  .small-offset-0 {
 +
    margin-left: 0% !important; }
 +
 +
  .small-offset-1 {
 +
    margin-left: 8.33333% !important; }
 +
 +
  .small-offset-2 {
 +
    margin-left: 16.66667% !important; }
 +
 +
  .small-offset-3 {
 +
    margin-left: 25% !important; }
 +
 +
  .small-offset-4 {
 +
    margin-left: 33.33333% !important; }
 +
 +
  .small-offset-5 {
 +
    margin-left: 41.66667% !important; }
 +
 +
  .small-offset-6 {
 +
    margin-left: 50% !important; }
 +
 +
  .small-offset-7 {
 +
    margin-left: 58.33333% !important; }
 +
 +
  .small-offset-8 {
 +
    margin-left: 66.66667% !important; }
 +
 +
  .small-offset-9 {
 +
    margin-left: 75% !important; }
 +
 +
  .small-offset-10 {
 +
    margin-left: 83.33333% !important; }
 +
 +
  .small-offset-11 {
 +
    margin-left: 91.66667% !important; }
 +
 +
  .small-reset-order {
 +
    margin-left: 0;
 +
    margin-right: 0;
 +
    left: auto;
 +
    right: auto;
 +
    float: left; }
 +
 +
  .column.small-centered,
 +
  .columns.small-centered {
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    float: none; }
 +
 +
  .column.small-uncentered,
 +
  .columns.small-uncentered {
 +
    margin-left: 0;
 +
    margin-right: 0;
 +
    float: left; }
 +
 +
  .column.small-centered:last-child,
 +
  .columns.small-centered:last-child {
 +
    float: none; }
 +
 +
  .column.small-uncentered:last-child,
 +
  .columns.small-uncentered:last-child {
 +
    float: left; }
 +
 +
  .column.small-uncentered.opposite,
 +
  .columns.small-uncentered.opposite {
 +
    float: right; } }
 +
@media only screen and (min-width: 40.063em) {
 +
  .medium-push-0 {
 +
    position: relative;
 +
    left: 0%;
 +
    right: auto; }
 +
 +
  .medium-pull-0 {
 +
    position: relative;
 +
    right: 0%;
 +
    left: auto; }
 +
 +
  .medium-push-1 {
 +
    position: relative;
 +
    left: 8.33333%;
 +
    right: auto; }
 +
 +
  .medium-pull-1 {
 +
    position: relative;
 +
    right: 8.33333%;
 +
    left: auto; }
 +
 +
  .medium-push-2 {
 +
    position: relative;
 +
    left: 16.66667%;
 +
    right: auto; }
 +
 +
  .medium-pull-2 {
 +
    position: relative;
 +
    right: 16.66667%;
 +
    left: auto; }
 +
 +
  .medium-push-3 {
 +
    position: relative;
 +
    left: 25%;
 +
    right: auto; }
 +
 +
  .medium-pull-3 {
 +
    position: relative;
 +
    right: 25%;
 +
    left: auto; }
 +
 +
  .medium-push-4 {
 +
    position: relative;
 +
    left: 33.33333%;
 +
    right: auto; }
 +
 +
  .medium-pull-4 {
 +
    position: relative;
 +
    right: 33.33333%;
 +
    left: auto; }
 +
 +
  .medium-push-5 {
 +
    position: relative;
 +
    left: 41.66667%;
 +
    right: auto; }
 +
 +
  .medium-pull-5 {
 +
    position: relative;
 +
    right: 41.66667%;
 +
    left: auto; }
 +
 +
  .medium-push-6 {
 +
    position: relative;
 +
    left: 50%;
 +
    right: auto; }
 +
 +
  .medium-pull-6 {
 +
    position: relative;
 +
    right: 50%;
 +
    left: auto; }
 +
 +
  .medium-push-7 {
 +
    position: relative;
 +
    left: 58.33333%;
 +
    right: auto; }
 +
 +
  .medium-pull-7 {
 +
    position: relative;
 +
    right: 58.33333%;
 +
    left: auto; }
 +
 +
  .medium-push-8 {
 +
    position: relative;
 +
    left: 66.66667%;
 +
    right: auto; }
 +
 +
  .medium-pull-8 {
 +
    position: relative;
 +
    right: 66.66667%;
 +
    left: auto; }
 +
 +
  .medium-push-9 {
 +
    position: relative;
 +
    left: 75%;
 +
    right: auto; }
 +
 +
  .medium-pull-9 {
 +
    position: relative;
 +
    right: 75%;
 +
    left: auto; }
 +
 +
  .medium-push-10 {
 +
    position: relative;
 +
    left: 83.33333%;
 +
    right: auto; }
 +
 +
  .medium-pull-10 {
 +
    position: relative;
 +
    right: 83.33333%;
 +
    left: auto; }
 +
 +
  .medium-push-11 {
 +
    position: relative;
 +
    left: 91.66667%;
 +
    right: auto; }
 +
 +
  .medium-pull-11 {
 +
    position: relative;
 +
    right: 91.66667%;
 +
    left: auto; }
 +
 +
  .column,
 +
  .columns {
 +
    position: relative;
 +
    padding-left: 0.9375em;
 +
    padding-right: 0.9375em;
 +
    float: left; }
 +
 +
  .medium-1 {
 +
    width: 8.33333%; }
 +
 +
  .medium-2 {
 +
    width: 16.66667%; }
 +
 +
  .medium-3 {
 +
    width: 25%; }
 +
 +
  .medium-4 {
 +
    width: 33.33333%; }
 +
 +
  .medium-5 {
 +
    width: 41.66667%; }
 +
 +
  .medium-6 {
 +
    width: 50%; }
 +
 +
  .medium-7 {
 +
    width: 58.33333%; }
 +
 +
  .medium-8 {
 +
    width: 66.66667%; }
 +
 +
  .medium-9 {
 +
    width: 75%; }
 +
 +
  .medium-10 {
 +
    width: 83.33333%; }
 +
 +
  .medium-11 {
 +
    width: 91.66667%; }
 +
 +
  .medium-12 {
 +
    width: 100%; }
 +
 +
  .medium-offset-0 {
 +
    margin-left: 0% !important; }
 +
 +
  .medium-offset-1 {
 +
    margin-left: 8.33333% !important; }
 +
 +
  .medium-offset-2 {
 +
    margin-left: 16.66667% !important; }
 +
 +
  .medium-offset-3 {
 +
    margin-left: 25% !important; }
 +
 +
  .medium-offset-4 {
 +
    margin-left: 33.33333% !important; }
 +
 +
  .medium-offset-5 {
 +
    margin-left: 41.66667% !important; }
 +
 +
  .medium-offset-6 {
 +
    margin-left: 50% !important; }
 +
 +
  .medium-offset-7 {
 +
    margin-left: 58.33333% !important; }
 +
 +
  .medium-offset-8 {
 +
    margin-left: 66.66667% !important; }
 +
 +
  .medium-offset-9 {
 +
    margin-left: 75% !important; }
 +
 +
  .medium-offset-10 {
 +
    margin-left: 83.33333% !important; }
 +
 +
  .medium-offset-11 {
 +
    margin-left: 91.66667% !important; }
 +
 +
  .medium-reset-order {
 +
    margin-left: 0;
 +
    margin-right: 0;
 +
    left: auto;
 +
    right: auto;
 +
    float: left; }
 +
 +
  .column.medium-centered,
 +
  .columns.medium-centered {
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    float: none; }
 +
 +
  .column.medium-uncentered,
 +
  .columns.medium-uncentered {
 +
    margin-left: 0;
 +
    margin-right: 0;
 +
    float: left; }
 +
 +
  .column.medium-centered:last-child,
 +
  .columns.medium-centered:last-child {
 +
    float: none; }
 +
 +
  .column.medium-uncentered:last-child,
 +
  .columns.medium-uncentered:last-child {
 +
    float: left; }
 +
 +
  .column.medium-uncentered.opposite,
 +
  .columns.medium-uncentered.opposite {
 +
    float: right; }
 +
 +
  .push-0 {
 +
    position: relative;
 +
    left: 0%;
 +
    right: auto; }
 +
 +
  .pull-0 {
 +
    position: relative;
 +
    right: 0%;
 +
    left: auto; }
 +
 +
  .push-1 {
 +
    position: relative;
 +
    left: 8.33333%;
 +
    right: auto; }
 +
 +
  .pull-1 {
 +
    position: relative;
 +
    right: 8.33333%;
 +
    left: auto; }
 +
 +
  .push-2 {
 +
    position: relative;
 +
    left: 16.66667%;
 +
    right: auto; }
 +
 +
  .pull-2 {
 +
    position: relative;
 +
    right: 16.66667%;
 +
    left: auto; }
 +
 +
  .push-3 {
 +
    position: relative;
 +
    left: 25%;
 +
    right: auto; }
 +
 +
  .pull-3 {
 +
    position: relative;
 +
    right: 25%;
 +
    left: auto; }
 +
 +
  .push-4 {
 +
    position: relative;
 +
    left: 33.33333%;
 +
    right: auto; }
 +
 +
  .pull-4 {
 +
    position: relative;
 +
    right: 33.33333%;
 +
    left: auto; }
 +
 +
  .push-5 {
 +
    position: relative;
 +
    left: 41.66667%;
 +
    right: auto; }
 +
 +
  .pull-5 {
 +
    position: relative;
 +
    right: 41.66667%;
 +
    left: auto; }
 +
 +
  .push-6 {
 +
    position: relative;
 +
    left: 50%;
 +
    right: auto; }
 +
 +
  .pull-6 {
 +
    position: relative;
 +
    right: 50%;
 +
    left: auto; }
 +
 +
  .push-7 {
 +
    position: relative;
 +
    left: 58.33333%;
 +
    right: auto; }
 +
 +
  .pull-7 {
 +
    position: relative;
 +
    right: 58.33333%;
 +
    left: auto; }
 +
 +
  .push-8 {
 +
    position: relative;
 +
    left: 66.66667%;
 +
    right: auto; }
 +
 +
  .pull-8 {
 +
    position: relative;
 +
    right: 66.66667%;
 +
    left: auto; }
 +
 +
  .push-9 {
 +
    position: relative;
 +
    left: 75%;
 +
    right: auto; }
 +
 +
  .pull-9 {
 +
    position: relative;
 +
    right: 75%;
 +
    left: auto; }
 +
 +
  .push-10 {
 +
    position: relative;
 +
    left: 83.33333%;
 +
    right: auto; }
 +
 +
  .pull-10 {
 +
    position: relative;
 +
    right: 83.33333%;
 +
    left: auto; }
 +
 +
  .push-11 {
 +
    position: relative;
 +
    left: 91.66667%;
 +
    right: auto; }
 +
 +
  .pull-11 {
 +
    position: relative;
 +
    right: 91.66667%;
 +
    left: auto; } }
 +
@media only screen and (min-width: 64.063em) {
 +
  .large-push-0 {
 +
    position: relative;
 +
    left: 0%;
 +
    right: auto; }
 +
 +
  .large-pull-0 {
 +
    position: relative;
 +
    right: 0%;
 +
    left: auto; }
 +
 +
  .large-push-1 {
 +
    position: relative;
 +
    left: 8.33333%;
 +
    right: auto; }
 +
 +
  .large-pull-1 {
 +
    position: relative;
 +
    right: 8.33333%;
 +
    left: auto; }
 +
 +
  .large-push-2 {
 +
    position: relative;
 +
    left: 16.66667%;
 +
    right: auto; }
 +
 +
  .large-pull-2 {
 +
    position: relative;
 +
    right: 16.66667%;
 +
    left: auto; }
 +
 +
  .large-push-3 {
 +
    position: relative;
 +
    left: 25%;
 +
    right: auto; }
 +
 +
  .large-pull-3 {
 +
    position: relative;
 +
    right: 25%;
 +
    left: auto; }
 +
 +
  .large-push-4 {
 +
    position: relative;
 +
    left: 33.33333%;
 +
    right: auto; }
 +
 +
  .large-pull-4 {
 +
    position: relative;
 +
    right: 33.33333%;
 +
    left: auto; }
 +
 +
  .large-push-5 {
 +
    position: relative;
 +
    left: 41.66667%;
 +
    right: auto; }
 +
 +
  .large-pull-5 {
 +
    position: relative;
 +
    right: 41.66667%;
 +
    left: auto; }
 +
 +
  .large-push-6 {
 +
    position: relative;
 +
    left: 50%;
 +
    right: auto; }
 +
 +
  .large-pull-6 {
 +
    position: relative;
 +
    right: 50%;
 +
    left: auto; }
 +
 +
  .large-push-7 {
 +
    position: relative;
 +
    left: 58.33333%;
 +
    right: auto; }
 +
 +
  .large-pull-7 {
 +
    position: relative;
 +
    right: 58.33333%;
 +
    left: auto; }
 +
 +
  .large-push-8 {
 +
    position: relative;
 +
    left: 66.66667%;
 +
    right: auto; }
 +
 +
  .large-pull-8 {
 +
    position: relative;
 +
    right: 66.66667%;
 +
    left: auto; }
 +
 +
  .large-push-9 {
 +
    position: relative;
 +
    left: 75%;
 +
    right: auto; }
 +
 +
  .large-pull-9 {
 +
    position: relative;
 +
    right: 75%;
 +
    left: auto; }
 +
 +
  .large-push-10 {
 +
    position: relative;
 +
    left: 83.33333%;
 +
    right: auto; }
 +
 +
  .large-pull-10 {
 +
    position: relative;
 +
    right: 83.33333%;
 +
    left: auto; }
 +
 +
  .large-push-11 {
 +
    position: relative;
 +
    left: 91.66667%;
 +
    right: auto; }
 +
 +
  .large-pull-11 {
 +
    position: relative;
 +
    right: 91.66667%;
 +
    left: auto; }
 +
 +
  .column,
 +
  .columns {
 +
    position: relative;
 +
    padding-left: 0.9375em;
 +
    padding-right: 0.9375em;
 +
    float: left; }
 +
 +
  .large-1 {
 +
    width: 8.33333%; }
 +
 +
  .large-2 {
 +
    width: 16.66667%; }
 +
 +
  .large-3 {
 +
    width: 25%; }
 +
 +
  .large-4 {
 +
    width: 33.33333%; }
 +
 +
  .large-5 {
 +
    width: 41.66667%; }
 +
 +
  .large-6 {
 +
    width: 50%; }
 +
 +
  .large-7 {
 +
    width: 58.33333%; }
 +
 +
  .large-8 {
 +
    width: 66.66667%; }
 +
 +
  .large-9 {
 +
    width: 75%; }
 +
 +
  .large-10 {
 +
    width: 83.33333%; }
 +
 +
  .large-11 {
 +
    width: 91.66667%; }
 +
 +
  .large-12 {
 +
    width: 100%; }
 +
 +
  .large-offset-0 {
 +
    margin-left: 0% !important; }
 +
 +
  .large-offset-1 {
 +
    margin-left: 8.33333% !important; }
 +
 +
  .large-offset-2 {
 +
    margin-left: 16.66667% !important; }
 +
 +
  .large-offset-3 {
 +
    margin-left: 25% !important; }
 +
 +
  .large-offset-4 {
 +
    margin-left: 33.33333% !important; }
 +
 +
  .large-offset-5 {
 +
    margin-left: 41.66667% !important; }
 +
 +
  .large-offset-6 {
 +
    margin-left: 50% !important; }
 +
 +
  .large-offset-7 {
 +
    margin-left: 58.33333% !important; }
 +
 +
  .large-offset-8 {
 +
    margin-left: 66.66667% !important; }
 +
 +
  .large-offset-9 {
 +
    margin-left: 75% !important; }
 +
 +
  .large-offset-10 {
 +
    margin-left: 83.33333% !important; }
 +
 +
  .large-offset-11 {
 +
    margin-left: 91.66667% !important; }
 +
 +
  .large-reset-order {
 +
    margin-left: 0;
 +
    margin-right: 0;
 +
    left: auto;
 +
    right: auto;
 +
    float: left; }
 +
 +
  .column.large-centered,
 +
  .columns.large-centered {
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    float: none; }
 +
 +
  .column.large-uncentered,
 +
  .columns.large-uncentered {
 +
    margin-left: 0;
 +
    margin-right: 0;
 +
    float: left; }
 +
 +
  .column.large-centered:last-child,
 +
  .columns.large-centered:last-child {
 +
    float: none; }
 +
 +
  .column.large-uncentered:last-child,
 +
  .columns.large-uncentered:last-child {
 +
    float: left; }
 +
 +
  .column.large-uncentered.opposite,
 +
  .columns.large-uncentered.opposite {
 +
    float: right; }
 +
 +
  .push-0 {
 +
    position: relative;
 +
    left: 0%;
 +
    right: auto; }
 +
 +
  .pull-0 {
 +
    position: relative;
 +
    right: 0%;
 +
    left: auto; }
 +
 +
  .push-1 {
 +
    position: relative;
 +
    left: 8.33333%;
 +
    right: auto; }
 +
 +
  .pull-1 {
 +
    position: relative;
 +
    right: 8.33333%;
 +
    left: auto; }
 +
 +
  .push-2 {
 +
    position: relative;
 +
    left: 16.66667%;
 +
    right: auto; }
 +
 +
  .pull-2 {
 +
    position: relative;
 +
    right: 16.66667%;
 +
    left: auto; }
 +
 +
  .push-3 {
 +
    position: relative;
 +
    left: 25%;
 +
    right: auto; }
 +
 +
  .pull-3 {
 +
    position: relative;
 +
    right: 25%;
 +
    left: auto; }
 +
 +
  .push-4 {
 +
    position: relative;
 +
    left: 33.33333%;
 +
    right: auto; }
 +
 +
  .pull-4 {
 +
    position: relative;
 +
    right: 33.33333%;
 +
    left: auto; }
 +
 +
  .push-5 {
 +
    position: relative;
 +
    left: 41.66667%;
 +
    right: auto; }
 +
 +
  .pull-5 {
 +
    position: relative;
 +
    right: 41.66667%;
 +
    left: auto; }
 +
 +
  .push-6 {
 +
    position: relative;
 +
    left: 50%;
 +
    right: auto; }
 +
 +
  .pull-6 {
 +
    position: relative;
 +
    right: 50%;
 +
    left: auto; }
 +
 +
  .push-7 {
 +
    position: relative;
 +
    left: 58.33333%;
 +
    right: auto; }
 +
 +
  .pull-7 {
 +
    position: relative;
 +
    right: 58.33333%;
 +
    left: auto; }
 +
 +
  .push-8 {
 +
    position: relative;
 +
    left: 66.66667%;
 +
    right: auto; }
 +
 +
  .pull-8 {
 +
    position: relative;
 +
    right: 66.66667%;
 +
    left: auto; }
 +
 +
  .push-9 {
 +
    position: relative;
 +
    left: 75%;
 +
    right: auto; }
 +
 +
  .pull-9 {
 +
    position: relative;
 +
    right: 75%;
 +
    left: auto; }
 +
 +
  .push-10 {
 +
    position: relative;
 +
    left: 83.33333%;
 +
    right: auto; }
 +
 +
  .pull-10 {
 +
    position: relative;
 +
    right: 83.33333%;
 +
    left: auto; }
 +
 +
  .push-11 {
 +
    position: relative;
 +
    left: 91.66667%;
 +
    right: auto; }
 +
 +
  .pull-11 {
 +
    position: relative;
 +
    right: 91.66667%;
 +
    left: auto; } }
 +
.text-left {
 +
  text-align: left !important; }
 +
 +
.text-right {
 +
  text-align: right !important; }
 +
 +
.text-center {
 +
  text-align: center !important; }
 +
 +
.text-justify {
 +
  text-align: justify !important; }
 +
 +
@media only screen and (max-width: 40em) {
 +
  .small-only-text-left {
 +
    text-align: left !important; }
 +
 +
  .small-only-text-right {
 +
    text-align: right !important; }
 +
 +
  .small-only-text-center {
 +
    text-align: center !important; }
 +
 +
  .small-only-text-justify {
 +
    text-align: justify !important; } }
 +
@media only screen {
 +
  .small-text-left {
 +
    text-align: left !important; }
 +
 +
  .small-text-right {
 +
    text-align: right !important; }
 +
 +
  .small-text-center {
 +
    text-align: center !important; }
 +
 +
  .small-text-justify {
 +
    text-align: justify !important; } }
 +
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
 +
  .medium-only-text-left {
 +
    text-align: left !important; }
 +
 +
  .medium-only-text-right {
 +
    text-align: right !important; }
 +
 +
  .medium-only-text-center {
 +
    text-align: center !important; }
 +
 +
  .medium-only-text-justify {
 +
    text-align: justify !important; } }
 +
@media only screen and (min-width: 40.063em) {
 +
  .medium-text-left {
 +
    text-align: left !important; }
 +
 +
  .medium-text-right {
 +
    text-align: right !important; }
 +
 +
  .medium-text-center {
 +
    text-align: center !important; }
 +
 +
  .medium-text-justify {
 +
    text-align: justify !important; } }
 +
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
 +
  .large-only-text-left {
 +
    text-align: left !important; }
 +
 +
  .large-only-text-right {
 +
    text-align: right !important; }
 +
 +
  .large-only-text-center {
 +
    text-align: center !important; }
 +
 +
  .large-only-text-justify {
 +
    text-align: justify !important; } }
 +
@media only screen and (min-width: 64.063em) {
 +
  .large-text-left {
 +
    text-align: left !important; }
 +
 +
  .large-text-right {
 +
    text-align: right !important; }
 +
 +
  .large-text-center {
 +
    text-align: center !important; }
 +
 +
  .large-text-justify {
 +
    text-align: justify !important; } }
 +
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
 +
  .xlarge-only-text-left {
 +
    text-align: left !important; }
 +
 +
  .xlarge-only-text-right {
 +
    text-align: right !important; }
 +
 +
  .xlarge-only-text-center {
 +
    text-align: center !important; }
 +
 +
  .xlarge-only-text-justify {
 +
    text-align: justify !important; } }
 +
@media only screen and (min-width: 90.063em) {
 +
  .xlarge-text-left {
 +
    text-align: left !important; }
 +
 +
  .xlarge-text-right {
 +
    text-align: right !important; }
 +
 +
  .xlarge-text-center {
 +
    text-align: center !important; }
 +
 +
  .xlarge-text-justify {
 +
    text-align: justify !important; } }
 +
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
 +
  .xxlarge-only-text-left {
 +
    text-align: left !important; }
 +
 +
  .xxlarge-only-text-right {
 +
    text-align: right !important; }
 +
 +
  .xxlarge-only-text-center {
 +
    text-align: center !important; }
 +
 +
  .xxlarge-only-text-justify {
 +
    text-align: justify !important; } }
 +
@media only screen and (min-width: 120.063em) {
 +
  .xxlarge-text-left {
 +
    text-align: left !important; }
 +
 +
  .xxlarge-text-right {
 +
    text-align: right !important; }
 +
 +
  .xxlarge-text-center {
 +
    text-align: center !important; }
 +
 +
  .xxlarge-text-justify {
 +
    text-align: justify !important; } }
 +
/* Typography resets */
 +
div,
 +
dl,
 +
dt,
 +
dd,
 +
ul,
 +
ol,
 +
li,
 +
h1,
 +
h2,
 +
h3,
 +
h4,
 +
h5,
 +
h6,
 +
pre,
 +
form,
 +
p,
 +
blockquote,
 +
th,
 +
td {
 +
  margin: 0;
 +
  padding: 0; }
 +
 +
/* Default Link Styles */
 +
a {
 +
  color: black;
 +
  text-decoration: none;
 +
  line-height: inherit; }
 +
    a.one:hover { color: #00ffff; }
 +
    a.two:hover { color: #33cccc; }
 +
    a.three:hover { color: #00ffcc; }
 +
    a.four:hover { color: #33ffcc; }
 +
    a.five:hover { color: #00cc99; }
 +
    a.six:hover { color: #33cc99; }
 +
    a.seven:hover { color: #00ff99; }
 +
    a.eight:hover { color: #00cc66; }
 +
    a.nine:hover { color: #33cc66; }
 +
    a.ten:hover { color: #33ff99; }
 +
   
 +
  a img {
 +
    border: none; }
 +
 +
/* Default paragraph styles */
 +
p {
 +
  font-family: inherit;
 +
  font-weight: normal;
 +
  font-size: 1rem;
 +
  line-height: 1.6;
 +
  margin-bottom: 1.25rem;
 +
  text-rendering: optimizeLegibility; }
 +
  p.lead {
 +
    font-size: 1.21875rem;
 +
    line-height: 1.6; }
 +
  p aside {
 +
    font-size: 0.875rem;
 +
    line-height: 1.35;
 +
    font-style: italic; }
 +
 +
/* Default header styles */
 +
h1, h2, h3, h4, h5, h6 {
 +
  font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;
 +
  font-weight: 400;
 +
  font-style: normal;
 +
  color: #222222;
 +
  text-rendering: optimizeLegibility;
 +
  margin-top: 0.2rem;
 +
  margin-bottom: 0.5rem;
 +
  line-height: 1.4; }
 +
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
 +
    font-size: 60%;
 +
    color: #6f6f6f;
 +
    line-height: 0; }
 +
 +
h1 {
 +
  font-size: 2.125rem; }
 +
 +
h2 {
 +
  /* font-size: 1.6875rem; */
 +
  font-size: 1.0rem;
 +
  line-height: 24pt;
 +
  letter-spacing: 0px;
 +
  font-weight: 400;
 +
  font-family: Montserrat, Helvetica, Arial, sans-serif;
 +
  margin-bottom: 20px;
 +
 +
  }
 +
 +
h3 {
 +
  font-size: 1.375rem;
 +
  letter-spacing: 0px;
 +
  font-weight: 700;
 +
  font-family: Montserrat, Helvetica, Arial, sans-serif;
 +
  margin-bottom: 2px; }
 +
 +
h4 {
 +
  font-size: 1.125rem;
 +
  letter-spacing: 0px;
 +
  font-weight: 700;
 +
  font-family: Montserrat, Helvetica, Arial, sans-serif;
 +
  margin-bottom: 2px; }
 +
 +
h5 {
 +
  font-size: 1.125rem;
 +
  letter-spacing: 0px;
 +
  font-weight: 700;
 +
  font-family: Montserrat, Helvetica, Arial, sans-serif;
 +
  margin-bottom: 10px; }
 +
 +
h6 {
 +
  font-size: .8rem;
 +
  letter-spacing: 0px;
 +
  font-weight: normal;
 +
  text-transform: inherit; }
 +
 +
/*
 +
 +
#work h2{
 +
font-size: 16pt;
 +
line-height: 24pt;
 +
letter-spacing: 0px;
 +
font-weight: 700;
 +
font-family: Montserrat, Helvetica, Arial, sans-serif;
 +
margin-bottom: 2px;
 +
}
 +
 +
#work h4{
 +
font-size: 12pt;
 +
line-height: 17pt;
 +
letter-spacing: 0px;
 +
font-weight: normal;
 +
text-transform: inherit;
 +
}
 +
 +
*/
 +
 +
.subheader {
 +
  line-height: 1.4;
 +
  color: #6f6f6f;
 +
  font-weight: normal;
 +
  margin-top: 0.2rem;
 +
  margin-bottom: 0.5rem; }
 +
 +
hr {
 +
  border: solid #dddddd;
 +
  border-width: 1px 0 0;
 +
  clear: both;
 +
  margin: 1.25rem 0 1.1875rem;
 +
  height: 0; }
 +
 +
/* Helpful Typography Defaults */
 +
em,
 +
i {
 +
  font-style: italic;
 +
  line-height: inherit; }
 +
 +
strong,
 +
b {
 +
  font-weight: bold;
 +
  line-height: inherit; }
 +
 +
small {
 +
  font-size: 60%;
 +
  line-height: inherit; }
 +
 +
code {
 +
  font-family: Consolas, "Liberation Mono", Courier, monospace;
 +
  font-weight: bold;
 +
  color: #910b0e; }
 +
 +
/* Lists */
 +
ul,
 +
ol,
 +
dl {
 +
  font-size: 1rem;
 +
  line-height: 1.6;
 +
  margin-bottom: 1.25rem;
 +
  list-style-position: outside;
 +
  font-family: inherit; }
 +
 +
ul {
 +
  margin-left: 1.1rem; }
 +
  ul.no-bullet {
 +
    margin-left: 0; }
 +
    ul.no-bullet li ul,
 +
    ul.no-bullet li ol {
 +
      margin-left: 1.25rem;
 +
      margin-bottom: 0;
 +
      list-style: none; }
 +
 +
/* Unordered Lists */
 +
ul li ul,
 +
ul li ol {
 +
  margin-left: 1.25rem;
 +
  margin-bottom: 0; }
 +
ul.square li ul, ul.circle li ul, ul.disc li ul {
 +
  list-style: inherit; }
 +
ul.square {
 +
  list-style-type: square;
 +
  margin-left: 1.1rem; }
 +
ul.circle {
 +
  list-style-type: circle;
 +
  margin-left: 1.1rem; }
 +
ul.disc {
 +
  list-style-type: disc;
 +
  margin-left: 1.1rem; }
 +
ul.no-bullet {
 +
  list-style: none; }
 +
 +
/* Ordered Lists */
 +
ol {
 +
  margin-left: 1.4rem; }
 +
  ol li ul,
 +
  ol li ol {
 +
    margin-left: 1.25rem;
 +
    margin-bottom: 0; }
 +
 +
/* Definition Lists */
 +
dl dt {
 +
  margin-bottom: 0.3rem;
 +
  font-weight: bold; }
 +
dl dd {
 +
  margin-bottom: 0.75rem; }
 +
 +
/* Abbreviations */
 +
abbr,
 +
acronym {
 +
  text-transform: uppercase;
 +
  font-size: 90%;
 +
  color: #222222;
 +
  border-bottom: 1px dotted #dddddd;
 +
  cursor: help; }
 +
 +
abbr {
 +
  text-transform: none; }
 +
 +
/* Blockquotes */
 +
blockquote {
 +
  margin: 0 0 1.25rem;
 +
  padding: 0.5625rem 1.25rem 0 1.1875rem;
 +
  border-left: 1px solid #dddddd; }
 +
  blockquote cite {
 +
    display: block;
 +
    font-size: 0.8125rem;
 +
    color: #555555; }
 +
    blockquote cite:before {
 +
      content: "\2014 \0020"; }
 +
    blockquote cite a,
 +
    blockquote cite a:visited {
 +
      color: #555555; }
 +
 +
blockquote,
 +
blockquote p {
 +
  line-height: 1.6;
 +
  color: #6f6f6f; }
 +
 +
/* Microformats */
 +
.vcard {
 +
  display: inline-block;
 +
  margin: 0 0 1.25rem 0;
 +
  border: 1px solid #dddddd;
 +
  padding: 0.625rem 0.75rem; }
 +
  .vcard li {
 +
    margin: 0;
 +
    display: block; }
 +
  .vcard .fn {
 +
    font-weight: bold;
 +
    font-size: 0.9375rem; }
 +
 +
.vevent .summary {
 +
  font-weight: bold; }
 +
.vevent abbr {
 +
  cursor: default;
 +
  text-decoration: none;
 +
  font-weight: bold;
 +
  border: none;
 +
  padding: 0 0.0625rem; }
 +
 +
@media only screen and (min-width: 40.063em) {
 +
  h1, h2, h3, h4, h5, h6 {
 +
    line-height: 1.4; }
 +
 +
  h1 {
 +
    font-size: 2.75rem; }
 +
 +
  h2 {
 +
    /* font-size: 2.3125rem; */
 +
    font-size: 1.3rem;
 +
    line-height: 24pt;
 +
letter-spacing: 0px;
 +
font-weight: 400;
 +
font-family: Montserrat, Helvetica, Arial, sans-serif;
 +
margin-bottom: 20px;
 +
    }
 +
 +
  h3 {
 +
    font-size: 1.6875rem;
 +
    line-height: 24pt;
 +
letter-spacing: 0px;
 +
font-weight: 700;
 +
font-family: Montserrat, Helvetica, Arial, sans-serif;
 +
margin-bottom: 2px; }
 +
 +
  h4 {
 +
    font-size: 1.4375rem;
 +
    line-height: 24pt;
 +
letter-spacing: 0px;
 +
font-weight: 700;
 +
font-family: Montserrat, Helvetica, Arial, sans-serif;
 +
margin-bottom: 2px; }
 +
 +
  h5 {
 +
    font-size: 1.4375rem;
 +
    line-height: 24pt;
 +
letter-spacing: 0px;
 +
font-weight: 700;
 +
font-family: Montserrat, Helvetica, Arial, sans-serif;
 +
margin-bottom: 10px; }
 +
 +
  h6 {
 +
    font-size: 1rem;
 +
    line-height: 17pt;
 +
letter-spacing: 0px;
 +
font-weight: normal;
 +
text-transform: inherit;
 +
    } }
 +
 +
/* ====== CSS Added ======
 +
 +
img{
 +
width: 80px;
 +
height: 80px;
 +
position: absolute;
 +
left: 0px;
 +
top:-6px;
 +
}
 +
 +
====== CSS Added End ====== */
 +
 +
/*
 +
 +
#work h2{
 +
font-size: 16pt;
 +
line-height: 24pt;
 +
letter-spacing: 0px;
 +
font-weight: 700;
 +
font-family: Montserrat, Helvetica, Arial, sans-serif;
 +
margin-bottom: 2px;
 +
}
 +
 +
#work h4{
 +
font-size: 12pt;
 +
line-height: 17pt;
 +
letter-spacing: 0px;
 +
font-weight: normal;
 +
text-transform: inherit;
 +
}
 +
 +
*/
 +
       
 +
/*
 +
* Print styles.
 +
*
 +
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 +
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
 +
*/
 +
.print-only {
 +
  display: none !important; }
 +
 +
@media print {
 +
  * {
 +
    background: transparent !important;
 +
    color: black !important;
 +
    /* Black prints faster: h5bp.com/s */
 +
    box-shadow: none !important;
 +
    text-shadow: none !important; }
 +
 +
  a,
 +
  a:visited {
 +
    text-decoration: underline; }
 +
 +
  a[href]:after {
 +
    content: " (" attr(href) ")"; }
 +
 +
  abbr[title]:after {
 +
    content: " (" attr(title) ")"; }
 +
 +
  .ir a:after,
 +
  a[href^="javascript:"]:after,
 +
  a[href^="#"]:after {
 +
    content: ""; }
 +
 +
  pre,
 +
  blockquote {
 +
    border: 1px solid #999999;
 +
    page-break-inside: avoid; }
 +
 +
  thead {
 +
    display: table-header-group;
 +
    /* h5bp.com/t */ }
 +
 +
  tr,
 +
  img {
 +
    page-break-inside: avoid; }
 +
 +
  img {
 +
    max-width: 100% !important; }
 +
 +
  @page {
 +
    margin: 0.5cm; }
 +
 +
  p,
 +
  h2,
 +
  h3 {
 +
    orphans: 3;
 +
    widows: 3; }
 +
 +
  h2,
 +
  h3 {
 +
    page-break-after: avoid; }
 +
 +
  .hide-on-print {
 +
    display: none !important; }
 +
 +
  .print-only {
 +
    display: block !important; }
 +
 +
  .hide-for-print {
 +
    display: none !important; }
 +
 +
  .show-for-print {
 +
    display: inherit !important; } }
 +
.reveal-modal-bg {
 +
  position: fixed;
 +
  height: 100%;
 +
  width: 100%;
 +
  background: black;
 +
  background: rgba(0, 0, 0, 0.45);
 +
  z-index: 99;
 +
  display: none;
 +
  top: 0;
 +
  left: 0; }
 +
 +
dialog, .reveal-modal {
 +
  visibility: hidden;
 +
  display: none;
 +
  position: absolute;
 +
  z-index: 100;
 +
  width: 100vw;
 +
  top: 0;
 +
  left: 0;
 +
  background-color: white;
 +
  padding: 1.25rem;
 +
  border: solid 1px #666666;
 +
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
 +
  @media only screen and (max-width: 40em) {
 +
    dialog, .reveal-modal {
 +
      min-height: 100vh; } }
 +
  @media only screen and (min-width: 40.063em) {
 +
    dialog, .reveal-modal {
 +
      left: 50%; } }
 +
  dialog .column,
 +
  dialog .columns, .reveal-modal .column,
 +
  .reveal-modal .columns {
 +
    min-width: 0; }
 +
  dialog > :first-child, .reveal-modal > :first-child {
 +
    margin-top: 0; }
 +
  dialog > :last-child, .reveal-modal > :last-child {
 +
    margin-bottom: 0; }
 +
  @media only screen and (min-width: 40.063em) {
 +
    dialog, .reveal-modal {
 +
      margin-left: -40%;
 +
      width: 80%; } }
 +
  @media only screen and (min-width: 40.063em) {
 +
    dialog, .reveal-modal {
 +
      top: 6.25rem; } }
 +
  dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {
 +
    font-size: 2.5rem;
 +
    line-height: 1;
 +
    position: absolute;
 +
    top: 0.5rem;
 +
    right: 0.6875rem;
 +
    color: #aaaaaa;
 +
    font-weight: bold;
 +
    cursor: pointer; }
 +
 +
dialog[open] {
 +
  display: block;
 +
  visibility: visible; }
 +
 +
@media only screen and (min-width: 40.063em) {
 +
  dialog, .reveal-modal {
 +
    padding: 1.875rem; }
 +
    dialog.radius, .reveal-modal.radius {
 +
      border-radius: 3px; }
 +
    dialog.round, .reveal-modal.round {
 +
      border-radius: 1000px; }
 +
    dialog.collapse, .reveal-modal.collapse {
 +
      padding: 0; }
 +
  dialog.full, .reveal-modal.full {
 +
    top: 0;
 +
    left: 0;
 +
    height: 100vh;
 +
    min-height: 100vh;
 +
    margin-left: 0 !important; } }
 +
  @media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
 +
    dialog.tiny, .reveal-modal.tiny {
 +
      margin-left: -15%;
 +
      width: 30%; } }
 +
  @media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
 +
    dialog.small, .reveal-modal.small {
 +
      margin-left: -20%;
 +
      width: 40%; } }
 +
  @media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
 +
    dialog.medium, .reveal-modal.medium {
 +
      margin-left: -30%;
 +
      width: 60%; } }
 +
  @media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
 +
    dialog.large, .reveal-modal.large {
 +
      margin-left: -35%;
 +
      width: 70%; } }
 +
  @media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
 +
    dialog.xlarge, .reveal-modal.xlarge {
 +
      margin-left: -47.5%;
 +
      width: 95%; } }
 +
 +
  @media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
 +
    dialog.full, .reveal-modal.full {
 +
      margin-left: -50vw;
 +
      width: 100vw; } }
 +
 +
@media print {
 +
  dialog, .reveal-modal {
 +
    background: white !important; } }
 +
button, .button {
 +
  border-style: solid;
 +
  border-width: 0px;
 +
  cursor: pointer;
 +
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
 +
  font-weight: normal;
 +
  line-height: normal;
 +
  margin: 0 0 1.25rem;
 +
  position: relative;
 +
  text-decoration: none;
 +
  text-align: center;
 +
  -webkit-appearance: none;
 +
  -webkit-border-radius: 0;
 +
  display: inline-block;
 +
  padding-top: 1rem;
 +
  padding-right: 2rem;
 +
  padding-bottom: 1.0625rem;
 +
  padding-left: 2rem;
 +
  font-size: 1rem;
 +
  background-color: #2ba6cb;
 +
  border-color: #2285a2;
 +
  color: white;
 +
  transition: background-color 300ms ease-out; }
 +
  button:hover, button:focus, .button:hover, .button:focus {
 +
    background-color: #2285a2; }
 +
  button:hover, button:focus, .button:hover, .button:focus {
 +
    color: white; }
 +
  button.secondary, .button.secondary {
 +
    background-color: #e9e9e9;
 +
    border-color: #2285a2;
 +
    color: #333333; }
 +
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
 +
      background-color: #2285a2; }
 +
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
 +
      color: #333333; }
 +
  button.success, .button.success {
 +
    background-color: #5da423;
 +
    border-color: #2285a2;
 +
    color: white; }
 +
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
 +
      background-color: #2285a2; }
 +
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
 +
      color: white; }
 +
  button.alert, .button.alert {
 +
    background-color: #c60f13;
 +
    border-color: #2285a2;
 +
    color: white; }
 +
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
 +
      background-color: #2285a2; }
 +
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
 +
      color: white; }
 +
  button.large, .button.large {
 +
    padding-top: 1.125rem;
 +
    padding-right: 2.25rem;
 +
    padding-bottom: 1.1875rem;
 +
    padding-left: 2.25rem;
 +
    font-size: 1.25rem; }
 +
  button.small, .button.small {
 +
    padding-top: 0.875rem;
 +
    padding-right: 1.75rem;
 +
    padding-bottom: 0.9375rem;
 +
    padding-left: 1.75rem;
 +
    font-size: 0.8125rem; }
 +
  button.tiny, .button.tiny {
 +
    padding-top: 0.625rem;
 +
    padding-right: 1.25rem;
 +
    padding-bottom: 0.6875rem;
 +
    padding-left: 1.25rem;
 +
    font-size: 0.6875rem; }
 +
  button.expand, .button.expand {
 +
    padding-right: 0;
 +
    padding-left: 0;
 +
    width: 100%; }
 +
  button.left-align, .button.left-align {
 +
    text-align: left;
 +
    text-indent: 0.75rem; }
 +
  button.right-align, .button.right-align {
 +
    text-align: right;
 +
    padding-right: 0.75rem; }
 +
  button.radius, .button.radius {
 +
    border-radius: 3px; }
 +
  button.round, .button.round {
 +
    border-radius: 1000px; }
 +
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
 +
    background-color: #2ba6cb;
 +
    border-color: #2285a2;
 +
    color: white;
 +
    cursor: default;
 +
    opacity: 0.7;
 +
    box-shadow: none; }
 +
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
 +
      background-color: #2285a2; }
 +
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
 +
      color: white; }
 +
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
 +
      background-color: #2ba6cb; }
 +
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
 +
      background-color: #e9e9e9;
 +
      border-color: #2285a2;
 +
      color: #333333;
 +
      cursor: default;
 +
      opacity: 0.7;
 +
      box-shadow: none; }
 +
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
 +
        background-color: #2285a2; }
 +
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
 +
        color: #333333; }
 +
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
 +
        background-color: #e9e9e9; }
 +
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
 +
      background-color: #5da423;
 +
      border-color: #2285a2;
 +
      color: white;
 +
      cursor: default;
 +
      opacity: 0.7;
 +
      box-shadow: none; }
 +
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
 +
        background-color: #2285a2; }
 +
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
 +
        color: white; }
 +
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
 +
        background-color: #5da423; }
 +
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
 +
      background-color: #c60f13;
 +
      border-color: #2285a2;
 +
      color: white;
 +
      cursor: default;
 +
      opacity: 0.7;
 +
      box-shadow: none; }
 +
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
 +
        background-color: #2285a2; }
 +
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
 +
        color: white; }
 +
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
 +
        background-color: #c60f13; }
 +
 +
button::-moz-focus-inner {
 +
  border: 0;
 +
  padding: 0; }
 +
 +
@media only screen and (min-width: 40.063em) {
 +
  button, .button {
 +
    display: inline-block; } }
 +
 +
    </style>
 +
    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
 +
  </head>
 +
  <body>
 +
 +
<!-- ====== Navigation ====== -->
 +
   
 +
<nav id="navigation">
 +
<div class="projects underline"><h6><a href="#work">Projects</a></h6></div>
 +
<div class="wiki"><h6><a href="http://www.tumblr.com/follow/man-microcosm">Wiki</a></h6></div>
 +
<div class="team"><h6><a href="#about">Team</a></h6></div>
 +
<div class="contact"><h6><a href="#connect">Contact</a><h6></div>
 +
</nav>
 +
 +
<!-- ====== Splash ====== -->
 +
 +
<div id="splash">
 +
<div class="row">
 +
  <div class="small-8 small-centered columns" id="name">
 +
  <h1 id="title">SBS iGEM</h1>
 +
    </div>
 +
</div>
 +
</div>
 +
 +
<!-- ====== Projects ====== -->
 +
 +
<div class="row">
 +
  <div id="work" class="small-8 small-centered columns">
 +
  <h6>
 +
<div class="sub3"><img src="images/iGEM_Cellulose_Icon.png"><h4><a href="cellulose_acetate.html">Cellulose Acetate</a></h4>We produced a moldable &amp 3D printable bioplastic by transferring the acetylation machinery from <a href="http://en.wikipedia.org/wiki/Pseudomonas_fluorescens" target="_blank">Pseudomonas fluorescens</a> into <a href="http://en.wikipedia.org/wiki/Acetobacter#Acetobacter">Acetobacter hansenii.</a></div>
 +
<div class="sub2"><img src="images/iGEM_Hell_Cell.png" class="two"><h4><a href="amberless_hell_cell.html">Amberless Hell Cell</a></h4>We generated hearty, radiation, heat, &amp cold resistant bacteria that are incapable of transferring engineered genes into the environment.</div>
 +
<div class="sub3"><img src="images/iGEM_Waterproofing.png"><h4><a href="material_waterproofing.html">Material Waterproofing</a></h4>Our team biomimetically produced waxes and novel wasp proteins that prevent water absorbance without being toxic to the surrounding ecosystem.</a></div>
 +
<div class="sub2"><img src="images/iGEM_Biodegradation.png" class="two"><h4><a href="biodegradability.html">Biodegradability</a></h4>In 1999, when asked to comment on the king of Jordan's death, Pop sensation Mariah Carey responded: "I loved Jordan, he was a great guy."</div>
 +
<div class="sub3"><img src="images/iGEM_Human_Practices.png"><h4><a href="human_practices.html">Human Practices</a></h4>We produced a moldable &amp 3D printable bioplastic by transferring the acetylation machinery from <a href="http://en.wikipedia.org/wiki/Pseudomonas_fluorescens" target="_blank">Pseudomonas fluorescens</a> into <a href="http://en.wikipedia.org/wiki/Acetobacter#Acetobacter">Acetobacter hansenii.</a></div>
 +
</h6>
 +
  </div>
 +
</div>
 +
 +
<!-- ====== Cell Spacer 1 ====== -->
 +
 +
    <div class="row">
 +
  <div class="small-3 small-centered columns cells">
 +
      </div>
 +
</div>
 +
   
 +
<!-- ====== Team Bio ====== -->
 +
 +
<div class="row">
 +
  <div id="about" class="small-8 small-centered columns">
 +
  <h6>
 +
  We are currently working on a series of projects towards the construction of a fully biological unmanned aerial vehicle (UAV) for use in scientific and humanitarian missions. The prospect of a biologically-produced UAV presents numerous advantages over the current manufacturing paradigm. First, a foundational architecture built by cells allows for construction or repair in locations where it would be difficult to bring traditional tools of production. Second, a major limitation of current research with UAVs is the size and high power consumption of analytical instruments, which require bulky electrical components and large fuselages to support their weight. By moving these functions into cells with biosensing capabilities – for example, a series of cells engineered to report GFP, green fluorescent protein, when conditions exceed a certain threshold concentration of a compound of interest, enabling their detection post-flight – these problems of scale can be avoided. To this end, we are working to engineer cells to synthesize cellulose acetate as a novel bioplastic, characterize biological methods of waterproofing the material, and program this material’s systemic biodegradation. In addition, we aim to use an “amberless” system to prevent horizontal gene transfer from live cells on the material to microorganisms in the flight environment.
 +
  <br><br>
 +
  <div class="sub"><img src="images/1.png">The core of our project is the application of genes from <a href="http://en.wikipedia.org/wiki/Pseudomonas_fluorescens" target="_blank">Pseudomonas fluorescens</a> to produce a novel bioplastic.</div>
 +
<div class="sub"><img src="images/2.png">SBS iGEM has developed an integrated, multi-component material that is durable, biodegradable, &amp widely applicable.</div>
 +
  </h6>
 +
  </div>
 +
</div>
 +
 +
<!-- ====== Cell Spacer 2 ====== -->
 +
 +
    <div class="row">
 +
  <div class="small-3 small-centered columns cells2">
 +
      </div>
 +
</div>
 +
 +
<!-- ====== Sponsor & Acknowledgement List ====== -->
 +
 +
<div class="row">
 +
  <div id="thanks" class="small-8 small-centered columns">
 +
  <h4>Special Thanks to Our Sponsors</h4>
 +
  <h6>
 +
  <a href="https://www.dna20.com/">DNA 2.0 </a>&#9679
 +
<a href="http://www.mathworks.com/">Mathworks </a> &#9679
 +
<a href="http://www.idt.com/">IDT </a> &#9679
 +
<a href="http://www.geneious.com/">Geneious </a>&#9679
 +
    <a href="http://www.planetary.brown.edu/RI_Space_Grant/">Rhode Island Space Grant </a>&#9679
 +
<a href="http://www.gasgc.org/">Georgia Space Grant </a>&#9679
 +
<a href="http://www.nasa.gov/centers/ames/cct/office/cif/2014/index.html#.U9wAQPldVKI">NASA Ames Directors’ Investment Fund </a>&#9679
 +
<a href="http://www.brown.edu/about/administration/president/">Brown University Office of the President </a>&#9679
 +
<a href="http://www.brown.edu/academics/college/fellowships/utra/">Brown University UTRA </a>&#9679
 +
<a href="http://bioengineering.stanford.edu/education/REU.html">Stanford University REU program </a>&#9679
 +
<a href="http://www.bchs.uh.edu/people/detail/?155622-961-5=tcooper">Tim Cooper at University of Houston for Pseudomonas Fluorescens </a>&#9679
 +
<a href="http://www.spelman.edu/academics/faculty/jean-marie-dimandja">Jean-Marie Dimandja at Spelman College for 2D GC Analysis </a>&#9679
 +
<a href="http://research.calacademy.org/ent/staff/dkavanaugh">Dave Kavanaugh at Cal Academy of Sciences for helping us to trap wasps </a>&#9679
 +
<a href="https://ib.berkeley.edu/people/directory/detail/6000/">Michael Sheehan at UC Berkeley for helping us to identity wasp species</a>
 +
</h6>
 +
  </div>
 +
</div>
 +
 +
<!-- ====== Cell Spacer 3 ====== -->
 +
 +
    <div class="row">
 +
  <div class="small-3 small-centered columns cells3">
 +
      </div>
 +
</div>
 +
 +
<!-- ====== Contact Us & Team CV ====== -->
 +
 +
    <div class="row">
 +
  <div id="connect" class="small-8 small-centered columns">
 +
  <h6>
 +
  <div>
 +
Reach out: <a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a>
 +
</div>
 +
<div>
 +
<a class="links" href="work/PUT-PDF-REFERENCE-HEREpdf" target="_blank">View our team's Curriculum Vitae</a>
 +
</div>
 +
</h6>
 +
      </div>
 +
</div>
 +
 +
<!-- ====== Footer ====== -->
 +
 +
<div class="row">
 +
  <div id="footer" class="small-8 small-centered columns">
 +
  <h1>
 +
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.
 +
</h1>
 +
      </div>
 +
</div>
 +
 +
<!-- ====== Page Content End ====== -->
 +
 +
    <script src="js/vendor/jquery.js"></script>
 +
    <script src="js/foundation.min.js"></script>
 +
    <script>
 +
      $(document).foundation();
 +
    </script>
 +
   
 +
<!-- ====== Scripts Added by Eli ====== -->
 +
 +
<script type="text/javascript" src="../js/jquery-2.0.3.js"></script>
 +
<script type="text/javascript" src="../js/jquery.scrollTo-1.4.3.1.js"></script>
 +
<script type="text/javascript" src="../js/index.js"></script>
 +
 +
 +
<!-- ====== Body End ====== -->
 +
 +
  </body>

Revision as of 18:21, 8 August 2014

Stanford–Brown–Spelman iGEM 2014

SBS iGEM

Cellulose Acetate

We produced a moldable &amp 3D printable bioplastic by transferring the acetylation machinery from Pseudomonas fluorescens into Acetobacter hansenii.

Amberless Hell Cell

We generated hearty, radiation, heat, &amp cold resistant bacteria that are incapable of transferring engineered genes into the environment.

Material Waterproofing

Our team biomimetically produced waxes and novel wasp proteins that prevent water absorbance without being toxic to the surrounding ecosystem.

Biodegradability

In 1999, when asked to comment on the king of Jordan's death, Pop sensation Mariah Carey responded: "I loved Jordan, he was a great guy."

Human Practices

We produced a moldable &amp 3D printable bioplastic by transferring the acetylation machinery from Pseudomonas fluorescens into Acetobacter hansenii.
We are currently working on a series of projects towards the construction of a fully biological unmanned aerial vehicle (UAV) for use in scientific and humanitarian missions. The prospect of a biologically-produced UAV presents numerous advantages over the current manufacturing paradigm. First, a foundational architecture built by cells allows for construction or repair in locations where it would be difficult to bring traditional tools of production. Second, a major limitation of current research with UAVs is the size and high power consumption of analytical instruments, which require bulky electrical components and large fuselages to support their weight. By moving these functions into cells with biosensing capabilities – for example, a series of cells engineered to report GFP, green fluorescent protein, when conditions exceed a certain threshold concentration of a compound of interest, enabling their detection post-flight – these problems of scale can be avoided. To this end, we are working to engineer cells to synthesize cellulose acetate as a novel bioplastic, characterize biological methods of waterproofing the material, and program this material’s systemic biodegradation. In addition, we aim to use an “amberless” system to prevent horizontal gene transfer from live cells on the material to microorganisms in the flight environment.

The core of our project is the application of genes from Pseudomonas fluorescens to produce a novel bioplastic.
SBS iGEM has developed an integrated, multi-component material that is durable, biodegradable, &amp widely applicable.

Retrieved from "http://2014.igem.org/Team:StanfordBrownSpelman"