.nav-list {
    list-style-type: none;
    font-family: 'Raleway';
    line-height: 2.3em;
}

.sidebar {
    box-sizing: border-box;
    position: fixed;
    width: 20%;
    height: 100%;
    margin-left: 8%;
    margin-top: 6%;
    display: block;
}

.methodsdecoration {
    height: 20%;
    background-image: url('../image/skbackground.png');
    margin-left: 8%;
}

.mainbody {
    box-sizing: border-box;
    width: 60%;
    margin-left: 35%;
    display:block;
}

#interviewhead {
    background-color: rgb(196,50,74);
}

.sectionsize {
/*    width: 100%;*/
	overflow: hidden;
}

.mainhead {
    font-family:'Roboto Slab';
	font-size: 2.4em;
	color: white;
	padding:5% 0 3% 5%;
	margin:0;
}

.definitionintro {
    font-family:'abel';
    font-size: 1.1em;
    color:white;
    width: 300px;
    margin-left: 50%;
    border-left: 1px dotted white;
    padding-left: 15px;
}

.secondsection {
    background-color: white;
}
.secondsection {
    background-color: white;
}

.sectionintro {
    font-size: 17px;
	font-family: 'Abel';
	color: gray;
	line-height: 22px;
    margin-top:0;
}

.centertext {
    text-align: center;
    width: 80%;
    padding-left: 10%;
}

.sectiontitle {
    font-family:'Roboto Slab';
	font-size: 1.8em;
	color: #313131;
	padding: 2% 5% 2% 5%;
}
.thirdsection {
    background-color:#f5f4f3;
}

.fulltext {
    width:80%;
    padding-left: 10%;
    text-align: left;
}
.mainhr {
    width: 50%;
    padding-left: 15%;
    color: gray;
    border: 1px dashed;
}
#interview {
    display: inline-block;
    padding-left: 3%;
    width: 30%;
    vertical-align: top;
}

.carouselcontainer {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.leftside {
    width:45%;
    margin-left: 5%;
    margin-right: 3%;
    float: left;
}

.rightside {
    width:45%;
    float: left;
}

.interviewactive {
    border-bottom: 2px solid rgb(196,50,74);
}

ul>li>a {
    text-decoration:none;
    color:black;
}
.sidebar>ul>li>a:hover{
    text-decoration:none;
    color:lightgray;
}

.resoucelink {
    color: gray;
    border-bottom: 1px dotted gray;
    text-decoration:none;
    font-style: italic;
}

.fa-plus-circle {
    color: white;
    display: inline-block;
}

.fa-quote-left, .fa-quote-right{
    color: lightgray;
}

.lastsection {
    height: 200px;
	background-color:#f5f4f3;
}

.backhome {
    font-family: 'Share';
	font-size: 1.5em;
	padding-top: 5%;
}

.footerintro {
    margin-top: 5%;
	font-size: 15px;
	font-family: 'Abel';
	color:gray;
	line-height: 25px;
}

.backhome>a{
	text-decoration: none;
	color:rgb(196,66,74);
}

.copyright {
    font-family: 'Share','Abel';
	font-size: 12px;
	padding-top: 2%;
	color: gray;
}

.lastsectionintro {
    margin-left: 1%;
	vertical-align:top;
}

body {
    margin:0;
}

.ethnographyactive {
    border-bottom: 2px solid #72C4C0;
}

#ethnographyhead {
    background-color: #72C4C0;
}

.tags {
    font-family: 'Raleway'; 
    text-align: right;
}

#contags {
    color:#33373b;
}

#inttags {
    color:rgb(196,50,74);
}

#ethnographyprocedure {
    display: inline-block;
    padding-left: 2%;
    width: 24%;
    vertical-align: top;
}

.clear {
    clear:both;
}

.fa-pencil {
    color:gray;
}

.ethsubtitle {
    color:#72C4C0; 
    font-size:1.4em;
}

.intsubtitle {
    color:rgb(196,50,74);
    font-size: 1.4em;
}

.contextualactive {
    border-bottom: 2px solid #33373b;
}

#contextualhead {
    background-color:#33373b;
}

.consubtitle {
    color:#33373b; 
    font-size:1.4em;
}

#contextual {
    width: 40%;
    padding-left: 3%;
    vertical-align: top;
}

.diaryactive {
    border-bottom: 2px solid #e37341;
}

#diaryhead {
    background-color:#e37341;
}

#diatags {
    color:#e37341;
}

.diasubtitle {
    color:#e37341;
    font-size:1.4em;
}

#ethtags {
    color:#72C4C0;
}

.elitoactive {
    border-bottom: 2px solid #ffcc33;
}

#elitohead {
    background-color: #ffcc33;
}

#elitags {
    color:#ffcc33
}

.rightsidecarousel {
    width:400px; padding-left:2%;float:left;
}

.affinityactive {
     border-bottom: 2px solid #BDAFA0;
}

#affinityhead {
    background-color:#BDAFA0;   
}

#afftags {
    color:#BDAFA0;
}

.affsubtitle {
    color:#BDAFA0; 
    font-size:1.4em;
}

.artifactactive {
    border-bottom: 2px solid #BDD9C3;
}

#artifacthead {
    background-color:#BDD9C3;
}

#arttags {
    color:#BDD9C3;
}

.artsubtitle {
    color:#BDD9C3;
    font-size:1.4em;
}

.probeactive {
    border-bottom: 2px solid #51688D;
}

#probehead {
    background-color: #51688D;
}

#protags {
    color:#51688D;
}

.genactive {
     border-bottom: 2px solid #4F4A49;
}

#genealogyhead {
    background-color: #4F4A49;
}

#gentags {
    color:#4F4A49;
}

.gensubtitle {
    color:#4F4A49;
    font-size:1.4em;
}

.visactive {
    border-bottom: 2px solid #e7e67f;
}

#visualhead {
    background-color: #e7e67f;
}

#vistags {
    color:#e7e67f;
}

.vissubtitle {
    color:#e7e67f;
    font-size:1.4em;
}

#maptags {
    color:#3D3A43;
}

.mapsubtitle {
    color:#3D3A43;
    font-size:1.4em;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.in {
    display: block;
}

.subnav {
    list-style-type: none;
    font-family: 'Raleway';
    line-height: 2.2em;
    font-size: 0.8em;
    padding-left: 5%;
}

#top {
    background-color: #3D3A43;
}

#concept {
    background-color: #3D3A43;
}

.mapactive {
 border-bottom: 2px solid #3D3A43;   
}

.subnav>li>a:hover{
    text-decoration:none;
    border-bottom: 1px dotted gray;
}

#mind {
    background-color: #3D3A43;
}

#customer {
 background-color: #3D3A43;   
}

.cardactive {
    border-bottom: 2px solid #E07F82;
}

#cardhead {
    background-color: #E07F82;
}

#cardtags {
    color:#E07F82;
}

.cardsubtitle {
    color:#E07F82; 
    font-size:1.4em;
}

.fa-arrow-circle-right, 
.fa-arrow-circle-left {
    color:lightgray;
    font-size: 1.5em;
}

#finalhead {
    background-color: #99A1AA;
}

.fa-check-circle {
 color: #99A1AA; 
 font-size: 1.5em;    
}

#finalillu1 {
    width:90%;
    padding-top: 2%;
    padding-left: 5%;
}

.synsub {
    font-size: 1.4em;
    font-family: 'Abel';
    color: black;
    padding-top: 2%;
}

.caption {
    font-size: 12px;
    font-family: 'Arvo';
    text-align: center;
    color: black;
    padding-bottom: 3%;
}

#reseach1{
    width:80%;  
    padding:5%;
    padding-bottom: 2%;
}

#reseach2 {
    width:78%;
    padding:5% 5% 2% 9%;
}

#analysis1 {
    width:80%;
    padding:5% 5% 2% 8%;
}

#analysis2 {
    width: 80%;
    padding:6%;
    padding-bottom: 2%;
}

.fa-arrow-circle-up {
    font-size: 1.5em;
    color:lightgray;
}

.bodyactive {
    border-bottom: 2px solid #A69ECE;
}

#bodyhead {
    background-color:#A69ECE;
}

#bodytags {
    color:#A69ECE;
}

.bodysubtitle {
    color:#A69ECE; 
    font-size:1.4em;
}



#bodystorming {
    width: 100%;
}

.headsection {
    overflow: hidden;
    height:300px;
}