html, body{
	margin-left: 16px;
	margin-right: 16px;
	padding:0;
	font-family: 'Open Sans', sans-serif;


}


a:link {
    color: black;

    text-decoration: underline;

}

/* visited link */
a:visited {
    text-decoration: line-through;
    color: gray;
}

/* mouse over link */
a:hover {
    color: red;
}


.color {
	width: 100%;
	margin: 0px;
	padding-top: 60px;
	padding-bottom: 40px;		
}
.container {
	width: 100%;
	margin: auto;
}

.left {
	width: 23.125%;
	float: left;
	padding-bottom: 20px;
	margin-left: 1.5%;
	position: relative;
	z-index: 300;



}

.last{
	margin-right: 1.5%;
}

.right {
	padding-left: 2%;
	width: 78%;
	/*background-color: yellow;*/
	float: left;

}

.line {
	width: 100%;
	height: 1px;
	opacity: 0.2;
	background-color: #000000;
}

.title {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: rgba(255,255,255,.5);
	letter-spacing: 0px;
	line-height: 18px;
	display: block;
	padding-top: 20px;	
}

.grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: rgba(255,255,255,1);
	letter-spacing: 0px;
	line-height: 16px;
}

.list {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: white;
	letter-spacing: 0px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.blackHeader {
	color: black;

}

.big-type{
	font-family: 'Lora', serif;
	width: 600px;
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: 0px;
	line-height: 32px;
	padding-top: 4px;
}

.top{
	/*height: 60px;*/
	padding-top: 20px;
	padding-bottom: 20px;
}

.description{
	padding-top: 20px;
	padding-bottom: 40px;
}

.container.bottom{
	height: 280px;
}

.container.logo{
	height: 76px;
}

.project-images{
	 width: auto !important;
	 width: 100%;
	 clear: both;
	 padding: 0px;
	 margin: 0px;
  	 display: block;
  	 position: relative;
  	 left:0;
  	 right:0;
  	 margin-top: 16px;
  	 background-color:#eaeaea;
  	 z-index: 2

}

.title2
{
	/* Document Previews • : */
	font-family: AauxPro-Medium;
	font-size: 12px;
	color: rgba(0,0,0,0.05);
	/*line-height: 19px;*/
	font-family: helvetica;
	display: block;
	width: 300px;
	white-space:nowrap;
	position: absolute;
	margin-left: -120px;
	margin-top: 180px;
	text-align: right;
  -webkit-transform: rotate(-90deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(-90deg);  /* IE 9 */
          transform: rotate(-90deg);
    transform-origin: right right;
    -webkit-transform-origin: right right;
     -ms-transform-origin: right right; /* IE 9 */

    }
@media screen and (max-width: 700px) {
    .title {
       font-size:12px;

    }
}

.name {
	font-weight: bold;
}

img {
	display:block;
	width: 100%;	
    max-width: 1500px;
	margin:0 auto;
}

.red{
	background-color:#FF3C3C;
}

.white{
	background-color: white;
}

.grey{
	background-color: #EEEEEE;
}

.gif{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.gif2{
	width: 35%;
	margin-left: auto;
	margin-right: auto;
}

.company{
	width: 100px;
}

.company2{
	width: 80px;
}

.company3{
	width: 50px;
}
.space{
	margin-bottom: 12px;
}

.dropboxBlue{
	color: #017DE5;
}

.facebookBlue{
	color: #4a69a8;
}
.tincanRed{
	color:#FF3C3C;
}

.grouponGreen{
	color: #53a318;
}

.aigaOrange{
	color:#e08c31;
}

.lyftPink{
	color:#ea0b8c;
}

.dropboxGrey{
	background-color: #94A1A9;
}

.greenBackground{
	background-color: #89b555;

}

.collaborator{
	font-style: italic;
	margin-bottom: 12px;
	
}
.project{
	/*margin-bottom: 360px;*/
	padding-top: 60px;
}

.subhead{
	opacity: .5;
}

.title3{
	font-weight: bold;
	color: white;

}

#line{
	height: 1px;
	background-color: black;
	opacity: .05;
	width: 100%;
	margin-top: 12px;
	/*margin-bottom: 40px;*/
	float: left;
}

.projectName{
  	position: -webkit-sticky;
  	position: -moz-sticky;
  	position: -ms-sticky;
 	position: -o-sticky;
    position: sticky;
    top: 20; 
}

.research {
/*	min-height: 1000px;
	width: 100%;*/
	/*background-color: red;*/
}

.imageHalf{
	background-color: #2D2D2D;
	max-width: 49.5%;
	float: left;
	margin-top: 16px;
	margin-bottom: 20px;

	/*height: auto;*/
}

.special{
	margin-right: 1%;
}

.dualImagesBottom{
	margin-bottom: 60px;
}

.clear{
	float:none;
}

.small{
	height: 16px;
	width: 16px;
	float: left;
}