@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700);

body, select {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, label, .label, button, .button, footer, .references {
    font-family: "museo-slab", serif;
}

body {
    background-color: #fff;
    padding: 2rem 1.25rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.1;
}

h2 {
    font-size: 1rem;
    font-weight: 400;
}

.logo {
    width: 225px;
}

ul.references {
    margin: 2rem 0 0;
    list-style: none;
    }
    ul.references li {
        float: left;
        width: 25%;
        padding: 0.75rem;
        }
        ul.references li span {
            position: relative;
            display: block;
            background-color: #ececec;
            }
            ul.references li span img {
                width: 100%;
            }
            ul.references li span .reference {
                display: table;
                position: absolute;
                left: 0;
                top: 50%;
                width: 100%;
                margin-top: -2rem;
                }
                ul.references li span .reference h2 {
                    display: table-cell;
                    width: 100%;
                    height: 4rem;
                    vertical-align: middle;
                    color: #005682;
                }