* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-family: 'tapewormregular';
    src: url('tapeworm-webfont.eot');
    src: url('tapeworm-webfont.eot?#iefix') format('embedded-opentype'),
         url('tapeworm-webfont.woff2') format('woff2'),
         url('tapeworm-webfont.woff') format('woff'),
         url('tapeworm-webfont.ttf') format('truetype'),
         url('tapeworm-webfont.svg#tapewormregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    /*font-family: 'Coda', cursive;*/
    /*border: 2px solid red;*/
    font-family: 'tapewormregular';
}

body  {
    background-image: url(file:///Users/benji/Desktop/Web%20Projects/CJ%20Project/Portfolio%205/framework/pics/Desire1.png);
    background-repeat: no-repeat;
    background-position: 80% 60%;
    background-attachment: fixed;
}

a {
    text-decoration: none;
    color: black;
}

#name {
    font-size: 4.5em;
    margin: .2em auto;
    line-height: .8em;
}

h2  {
    line-height: .8em;
}

.subtitle {
    font-size: 1.2em;
}

#artnames {
    font-size: 2em;
    line-height: .8em;
}

ul  {
    list-style: none;
    margin: 0;
}

/*li  {
    line-height: 4vw;
}*/

.leftnav  {
    font-size: .3vw;
    line-height: .4vw;
}

.grid {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

.row {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}

.col-1 {
    width: 8.33%;
}

.col-2 {
    width: 16.66%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33%;
}

.col-5 {
    width: 41.66%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33%;
}

.col-8 {
    width: 66.66%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33%;
}

.col-11 {
    width: 91.66%;
}

.col-12 {
    width: 100%;
}