#projects div.content {
    width: 100%;
    padding-top: 3.6rem;
    padding-bottom: 3.6rem;
}

#projects div.content p.small {
    font-size: 1.4rem;
    padding: 0;
    margin: 0;
    margin-bottom: 3.6rem;
    margin-top: 0.0rem;
}

#projects div.content h1 {
    font-size: 3.0rem;
    font-weight: 200;
    
    position: relative;
}

#projects div.content h1:not(:first-of-type) {
    margin-top: 7.4rem;
}

#projects div.content h1 span {
    display: block;
    
    opacity: 0.5;
    
    font-size: 1.4rem;
    text-transform: uppercase;
}

#projects div.content h2 {
    font-weight: 200;
    opacity: 0.5;
}

#projects div.project {
    font-size: 1.6rem;
    padding: 0;
}

#projects div.project h2 {
    margin: 0;
    padding: 0;
    
    margin-top: 4.8rem;
    margin-bottom: 1.8rem;
    
    font-size: 1.8rem;
    font-weight: 600;
    
    text-transform: uppercase; 
}

#projects div.project ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#projects div.project ul li {
    line-height: 2.4rem;
}

#projects div.audio {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row; 
    flex-direction: row;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

#projects div.audio div.audioPlayer {
    padding: 0;
    margin: 0;
    margin-right: 5.6rem;
}

#projects div.audioPlayer div.title {
    font-size: 1.6rem;
}

#projects div.audioPlayer div.title span.meta {
    font-size: 1.2rem;
}

#projects div.images img {
    border: 1px solid transparent;
    width: auto;
    height: auto;
    max-width:128px;
    margin-right: 32px;
    margin-bottom: 16px;
    box-shadow: 0px 1px 3px rgba(24, 24, 24, 0.30);
    cursor: pointer;
    
    -webkit-transition-property: -webkit-filter, border;
    -webkit-transition-duration: 200ms;
    transition-property: filter, border;
    transition-duration: 200ms;
    
    -webkit-filter: grayscale(100%); filter: grayscale(100%);
}

#projects div.images img:hover {
    border: 1px solid #F5A623;
    -webkit-filter: grayscale(0%); 
    filter: grayscale(0%);
}

#projects ul.projects-list {
    list-style: none;
    font-size: 1.8rem;
    font-weight: 200;
    padding: 0;
    margin: 0;
}

#projects ul.projects-list li {
    padding: 0.2rem 0.0;
    border-radius: 4px;
}

#projects ul.projects-list li a span {
    display: inline-block;
    font-size: 1.2rem;
    padding-left: 1.2rem;
    opacity: 0.75;
    color: #4a4a4a;
}