body {
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif;
  font-weight: 800;
}
.originHeader{
    background-color: #f05e23;
    background-color: #231f20;
}
.originBorder{
    background-color: #231f20;
    
}
.border{height: 400vw; }
.originMain{
    background-color: #f05e23;
    background-color: #231f20;
    width: 100%;
    height: 47vw;
}
.originBanner{
    width: 50%;
    padding-left: 25%;
}
.originTitle{
    color: #231f20;
    font-family: 'Roboto Slab', serif;
}
.pagebody{
    height: 400vw;
}

.projectMenuHeader{
    padding-top: 1vw;
    text-align: center;
    font-size: 1.25vw;
    font-weight: 800;
    padding-bottom:2vw;
}
.projectMenu{
    padding-right: 1vw;
}
.projectHeaders{
    text-align: center;
    color: #231f20;
    font-family: 'Roboto Slab', serif;
    font-size: 1.8vw;
    font-weight: 800;
    padding-bottom: 2vw;
    padding-top: 3vw;
}
.projectDescription{
    width: 60%;
    height: 20vw;
    padding-left: 20%;
    color: #939191;
    font-weight: 400;
    
}
.originOld{ width: 50%; float: left;}
.text{ width: 45%; float: left; padding-left: 1vw; font-size: 1vw; padding-top: 4vw;
}
.textRight{}
.textLeft{padding-right: 2vw; padding-left: 0; }
.textMiddle{float: left; padding-left: 20%; width: 64%; font-size: 1vw; padding-bottom: 2vw;}
.wireframe{ width: 45%; padding-right: 1vw; padding-left: 1vw; padding-bottom: 4vw;}
.imageCenter{padding-left: 25%; padding-right:20%;
padding-bottom: 2vw;}

.footer{
    background-color: #f05e23;;
}
.BA{width: 70vw;padding-left: 5%; padding-bottom:10vw;
}
.projectDescription2{
    width: 80%;
    height: 70vw;
    padding-left: 10%;
    color: #939191;
    float: left;
    font-weight: 400;
}
.largeText{ font-size: 1.3vw; padding-left: 16%; text-align: right; padding-bottom: 10vw;}
.largeTextL{font-size: 1.3vw;  text-align: left; padding-bottom: 10vw; padding-right: 10vw;}
.highlights{font-weight: 800; color: #f05e23; font-size: 1.3vw; }

.friends{width: 30%; padding-left: 15%}
.long{width: 30vw; float: right; padding-right: 13%;}
.longL{width: 29vw; float: left; padding-left: 13%}
.concept{ width: 25vw; float: left; padding-left: 9vw;}
/*Links*/
a:link{
    color: #f05c21;
}
a:visited{
    color: #f05c21;
}
a:link:hover{
    color: #ffa912;
}
a:visited:hover{
    color:#ffa912;
}


.originBody {
    height: 350vw;
}

.projectinfo {
    background:none;
    width: 80%;
    float: left;
    color: white;
    padding-top: 3.9vw;
    padding-left: 20%
}

.projectDesc {
    padding-right: 3vw;
    float: left;
    font-size: 1vw;
    font-family: 'Roboto Slab', serif;
}
