/*---PIECES---*/
main article {
    width: 75%;
    margin: 0 auto;
    padding: 1em;
}

main article:nth-child(odd) {
    background: rgba(127,144,179,.5);
}

main article:nth-child(even) {
    background: rgba(0,33,104,.5);
}

main article h3 {
    font-size: 2em;
}

.row div:nth-child(1){
    background: rgba(51,84,155,.5);
}

.row div:nth-child(2){
    background: rgba(1,42,131,.5);
}

.piece {
    width: 95%;
    padding: 1em;
}

.piece h4 {
    font-size: 1.75em;
}

.piece h5 {
    font-size: 1.5em;
}

.piece h6, .piece p {
}

.piece h6 {
    font-size: 1.25em;
}

.piece p {
    font-size: 1.1em;
    margin-top: .5%;
    margin-bottom: .5%;
}

.piece iframe {
    margin-top: 2%;
}

.youtube {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.vimeo {
    position: relative;
    padding-bottom: 65%;
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}