body {
    padding-top: 57px;
    padding-bottom: 20px;
    position: relative;
}
.anchorable {
    margin-top: -57px;
    padding-top: 57px;
}
footer {
    background-color: #eee;
    margin-top: 20px;
    padding-top: 10px;
    font-size: 85%;
    font-style: italic;
    text-align: right;
}
article {
    padding-right: 14px;
    padding-left: 14px;
    padding-top: 10px;
    padding-bottom: auto;
    margin-right: -8px;
    margin-left: -8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.container >
.navbar-collapse,
.container >
.navbar-header {
    margin-right: -8px;
    margin-left: -8px;
}
.breadcrumb {
    margin-right: -8px;
    margin-left: -8px;
    margin-top: 6px;
}
@media (min-width: 768px) {
    .breadcrumb {
        margin-top: 0px;
    }
}
.navbar-toggle {
    margin-right: 3px;
    color: #fff;
}
.navbar-brand {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
    max-width: 66.67%;
}
.navbar-brand img {
    max-width: 100%;
}
.grey-gradient {
    background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #eeeeee 100%);
    background-image:      -o-linear-gradient(top, #f6f6f6 0%, #eeeeee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eeeeee));
    background-image:         linear-gradient(to bottom, #f6f6f6 0%, #eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6f6f6', endColorstr='#ffeeeeee', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
}
.h1 {
    font-size: 30px;
}
.pull-left {
    margin-right: 10px !important;
}
@media (min-width: 320px) {
    .h1 {
        font-size: 36px;
    }
}