/* CLASS */

.invisibleDiv {
height: 85px; 
background-color: transparent;
}
.invisibleDivStart {
height: 85px; 
background-color: transparent;
}
.invisibleDivEnd {
height: 35px; 
background-color: transparent;
}

.clearance-mid {
height: 25px; 
background-color: transparent;
}


/* ID */

#navName {
font-weight: 800;
color: white;
}

#topicCategory {
font-weight: 600;
}

#intro1 {
background-color: white;
box-shadow: rgba(0,0,0,0.75) 0px 5px 14px; 
-moz-box-shadow: rgba(0,0,0,0.75) 0px 5px 14px;
-webkit-box-shadow: rgba(0,0,0,0.75) 0px 5px 14px; 
}

#intro2 {
background-color: #333;
box-shadow: rgba(0,0,0,0.75) 0px 5px 14px; 
-moz-box-shadow: rgba(0,0,0,0.75) 0px 5px 14px;
-webkit-box-shadow: rgba(0,0,0,0.75) 0px 5px 14px; 
}

#intro3 {
background-color: white;
box-shadow: rgba(0,0,0,0.75) 0px 5px 14px; 
-moz-box-shadow: rgba(0,0,0,0.75) 0px 5px 14px;
-webkit-box-shadow: rgba(0,0,0,0.75) 0px 5px 14px; 
}

#capabilities {
background-color: white;
box-shadow: rgba(0,0,0,0.75) 0px 5px 14px; 
-moz-box-shadow: rgba(0,0,0,0.75) 0px 5px 14px;
-webkit-box-shadow: rgba(0,0,0,0.75) 0px 5px 14px; 
}

#portfolio {
background-color: white;
box-shadow: rgba(0,0,0,0.75) 0px 5px 14px; 
-moz-box-shadow: rgba(0,0,0,0.75) 0px 5px 14px;
-webkit-box-shadow: rgba(0,0,0,0.75) 0px 5px 14px; 
}

#timeline {
background-color: white;
box-shadow: rgba(0,0,0,0.75) 0px 5px 14px; 
-moz-box-shadow: rgba(0,0,0,0.75) 0px 5px 14px;
-webkit-box-shadow: rgba(0,0,0,0.75) 0px 5px 14px; 
}

#social {
width: 30px;
}

#pillarImg {
background-color: white;
}

#barGraph {
width: 360px;
height: 25px;
font-size: 0.9rem;
font-weight: 700;
font-style: italic;
background: -webkit-linear-gradient(to bottom right, #77007f, rgba(236, 0, 140, 0.6)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(to bottom right, #77007f, rgba(236, 0, 140, 0.6)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(to bottom right, #77007f, rgba(236, 0, 140, 0.6)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right, #77007f, rgba(236, 0, 140, 0.6));  
box-shadow: rgba(0,0,0,0.5) 0px 2px 4px; 
-moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 4px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 4px; 
margin-left: 0;
padding-left: 0;
}


#percentile {
font-size: 0.9rem;

font-weight: 700;
float: right; 
}

#printPillar {
background-color: white;
}

#brands-showcase {
border: 5px solid #fff;
background-color: #fff;
}

#brands {
border: 5px solid #fff;
background: -webkit-linear-gradient(to bottom right, #333, #111111); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(to bottom right, #333, #111111); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(to bottom right, #333, #111111); /* For Firefox 3.6 to 15 */
box-shadow: rgba(0,0,0,0.5) 0px -2px 4px; 
-moz-box-shadow: rgba(0,0,0,0.5) 0px -2px 4px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px -2px 4px; 
}

/* RESPONSIVE */

@media (min-width: 720px){


}

@media (max-width: 540px){

#brandsImg {
width: 180px;
}

}



@media (max-width: 360px){

#brandsImg {
width: 140px;
}

}