html { font-size:16px; }
@media(max-width: 980px) { html { font-size: 32px; } }

body { margin: 0; }

* { font-family: calibri, arial; }

img {
    border: 1px solid #e8e8e8;
    margin-top: 2em;
    margin-bottom: .5em;
}

div.twocolumn .col1, div.twocolumn .col2 {
    float: left;
}
div.twocolumn .col1 {
    padding-right: 10px;
}
div.clear { clear: both; }

.lazy {
    display: none;
}

section {
    position: relative;
    height: 10em;
    overflow: hidden;
}
section h1, .note h1 { font-size: 2.8em; font-weight: normal; margin-bottom: 0; margin-top: 0; }
section h2 { font-size: 1.8em; margin-bottom: 0; margin-top: 0; }


div.project { 
    margin-left: 100px; margin-right: 100px;
}
div.section-wrapper {
    margin-top: 2em; margin-bottom: 2em;
}
div.note {
    margin-top: 4em; margin-bottom: 4em;
    line-height: 150%;
}
h1.year {
margin-top: 4em;
margin-left: 100px; margin-right: 100px;
font-size: 1.5em;
margin-bottom: 0;
}
h3.title {
margin-left: 100px; margin-right: 100px;
font-size: 2.5em; 
}

.fadeout {
    position: absolute; 
    left: 0; right: 0; bottom: 0; height: 170;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
}

div.ellipses a {
    display: block;
    width: 18px; 
    height: 18px;
    background: transparent url(ellipses-open.png) 0 0;
    text-overflow: hidden; text-indent: -999em;
}
div.ellipses.expanded a {
    background: transparent url(ellipses-close.png) 0 0;
}

div.space { height: 20px; }

.section-wrapper, .note {
    max-width: 700px;
}
section p, .note p {
    line-height: 150%; 
}


div.caption, div.cap {
    max-width: 700px; 
}
div.cap p.title {
    margin-top: 0.5em; margin-bottom: 0; 
    font-size: .9em;
}
div.cap p.desc { 
    margin-top: .1em; margin-bottom: .7em; color: #888;
    font-size: .9em;
}