.projects-content {

section.many {
    width: $content-width;
    max-width: 75%;
    float: none;
    margin: $center;
    margin-top: $base-sizing;
    clear: both;

    h2 {
        font-size: $base-font-size * 2.2;
        padding-left: $base-spacing / 2;
    }

    ul {

        margin-top: $base-spacing * 2;
        text-align: left;

        li {
            display: block;
            text-align: justify;
            margin: $base-spacing;
            padding: $base-spacing / 2 0;
            border-bottom-style: ridge;
            border-width: $border-width;

            h3 {
                margin-bottom: $base-spacing / 2;
                font-size: $base-font-size * 1.4;
            }

            a {
                display: block;
                font-weight: bold;
                text-align: right;
                padding-top: $base-spacing;
            }

            p:first-of-type {
                text-align: right;
                font-size: $small-font-size;
                font-style: italic;
            }

            a:hover, a:active, a:focus {
                border-bottom-style: none;
                text-decoration: underline;
            }

        }

        li:last-of-type {
            border-bottom-style: none;

        }

        img {
            display: block;
            margin: $center;
            max-width: 15em;
            height: auto;
            padding: $base-spacing;
        }

    }

}

    section.three {
        @extend section, .many;

        width: $content-width / 3;
        max-width: 30%;
        float: left;
        clear: none;

        ul {
            border-right-style: ridge;
            border-width: $border-width;

            a {
                text-align: right;
            }
        }

    }

    section.three:last-of-type {
        ul {
            border-right-style: none;
        }
    }

section.two {
    @extend section, .many;

    width: $content-width / 2;
    max-width: 45%;
    float: left;
    clear: none;

    ul {
        border-right-style: ridge;
        border-width: $border-width;

        a {
            text-align: right;
        }
    }

}

section.two:last-of-type {
    ul {
        border-right-style: none;
    }
}

section.one {
    @extend section, .many;
}

}

nav.three, nav.many, nav.two {

width: $content-width;

li {
        float: right;
        padding: $base-spacing;
    }
}

nav.three, nav.two, nav.one {

display: none;

}