html,
body {
  height: 100%;
  max-width: 100%;
  margin: 0;
  font-size: 12px;
  background-color: white;
  color: black;
  font-family: 'Roboto', sans-serif;
  text-align: justify;

  /* The html and body elements cannot have any padding or margin. */  
}

/* WRAP */
 
/* Wrapper for page content to push down footer */
.wrap {
  height: auto !important;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto 0px;
}

.push-bottom {
  position: absolute;
  bottom: 0;
}

.wrap-fluid-height {
  height: auto !important;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto 0px;
}

.wrap-min-100-height {
  height: auto !important;
  min-height: 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto 0px;
}

/* CONTAINER CORRECTION */
.container-fluid-correction {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

/* POSITION */
.position-relative {
	position: relative;
}
.position-absolute {
	position: absolute;
}
.position-fixed {
	position: fixed;
}


/* PADDING */
.addpadding-lg {
	padding-bottom: 80px;
	padding-top: 80px;
}
.addpadding-md {
	padding-bottom: 40px;
	padding-top: 40px;
}
.addpadding-sm {
	padding-bottom: 20px;
	padding-top: 26px;
}
.addpadding-xs {
	padding-bottom: 10px;
	padding-top: 10px;
}

@media (max-width: 568px) {
	.addpadding-lg {
		padding-bottom: 40px;
		padding-top: 40px;
	}
	.addpadding-md {
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.addpadding-sm {
		padding-bottom: 10px;
		padding-top: 16px;
	}
	.addpadding-xs {
		padding-bottom: 0px;
	}	
}

.bg-black  {background-color: black;}
.bg-light-black  {background-color: #333333;}
.bg-white  {background-color: white;}
.bg-light  {background-color: rgba(255,255,255,0.97);}
.bg-extra-light  {background-color: rgba(255,255,255,0.2);}


.text-black {color: #333333;}
.text-white {color: white;}

a:hover {text-decoration: none;}
a.a-white {color: white;}
a.a-black {color: #333333;}

.glyphicon {cursor: pointer;}

.border-top { border-top: 1px solid #e6e6e6;}
.border-bottom { border-bottom: 1px solid #e6e6e6;}
.border-left { border-left: 1px solid #e6e6e6;}
.border-right { border-right: 1px solid #e6e6e6;}

.cursor-pointer {cursor: pointer;}

.no-scroll {overflow: hidden;}
.no-scroll-x {overflow-x: hidden;}
.scroll-y {overflow-y: scroll;}


/* INDEX */


/* Background imgae + position */




.bg-fixed {
  
background-repeat: no-repeat;
background-position:  center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
  

}


.bg-fixed2 {
  
background-repeat: no-repeat;
background-position:  center center;
background-attachment: scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
  

}

.lizwaterhouse { background-image: url(../img/peopleHeadshot/lizWaterhouse.jpg);}
.allisonbrown { background-image: url(../img/peopleHeadshot/allisonBrown.jpg);}
.katjacheraneva { background-image: url(../img/peopleHeadshot/katjaCheraneva.jpg);}
.markcobiglio { background-image: url(../img/peopleHeadshot/markCobiglio.jpg);}
.timoherbst { background-image: url(../img/peopleHeadshot/timoHerbst.jpg);}
.scottflorian { background-image: url(../img/peopleHeadshot/scottflorian.jpg);}
.annemarthekuhn { background-image: url(../img/peopleHeadshot/annemarthekuhn.jpg);}
.duo { background-image: url(../img/peopleHeadshot/duo.jpg);}
.planb { background-image: url(../img/peopleHeadshot/planb.jpg);}
.susanneschmitt { background-image: url(../img/peopleHeadshot/susanneschmitt.jpg);}
.bettinablaesing { background-image: url(../img/peopleHeadshot/bettinablaesing.jpg);}
.gabrielebrandstetter { background-image: url(../img/peopleHeadshot/gabrielebrandstetter.jpg);}
.rosemariebackwinkel { background-image: url(../img/peopleHeadshot/rosemariebackwinkel.jpg);}
.gauravkumar {background-image: url(../img/peopleHeadshot/gauravkumar.jpg);}


/* DEAD CENTER TEXT */

.block{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.text{
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
}


/* MOTION TOGETHER TEXT */

.mainTitle {
	font-size: 8vw;
}
.underTitle {
	font-size: 3vw;
}

/* NAVBAR */

.navbar-default {
	background-color: rgba(0,  0,  0, 0.9);
	border: 0px solid silver;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a, .navbar-brand {
    color: white;
}

.navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}

.navbar-default .navbar-nav > li > a {color: white;}
.navbar-toggle {border-radius: 0px; border: 0px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}
.navbar-header {float: none;}
.navbar-toggle {display: block; border: 0px;}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav {float: none!important;}
.navbar-nav>li {float: left;}
.navbar-collapse.collapse.in{display:block !important;}


.navbar-default .navbar-brand {
    color: white;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: white;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
    position: relative;
    left: 15px;
}

#menu {display: none;}



/* BIOS */

.bio {
	padding-top: 80px;
}

.projectBio {
	color: #7f7f7f;
}

/* LAB PICTURE */

.labPictures {

padding-top: 10px;
padding-bottom: 10px;

}

.mt {
	position: relative;
	font-size: 1vw;
}