.navbar .brand { 
    padding: 0 20px; 
    font-weight: bold; 
}

.view-birds .view-grouping-header {
    background-color: #F5F5F5;
    border-radius: 4px 4px 0px 0px;
    margin: 0;
    padding: 8px 15px;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}
.view-birds .view-grouping-content {
    border: 1px solid #F5F5F5;
    border-radius: 0px 0px 4px 4px;
    margin: 0 0 10px;
    padding: 8px 15px;
}
.view-birds .view-grouping-content h3 {
    font-size: 18px;
    color: #767676;
}
.view-birds .view-grouping-content h3  .bird-family {
    display: inline;
}
.view-birds ul {
    margin: 0 5px 10px;
}
.view-birds ul li {
    list-style: none;
}
.sci-name {
    font-style: italic;
}
.bird-name {
    display: inline-block;
}
.thumbnail {
    text-align: center;
    padding-top: 10px;
}
.thumbnail img {
    margin-bottom: 10px;
}

.node-photo .node-bird h2 { font-size: 18px; }
.node-photo .node-bird h2 .badge { display: none; }
.node-photo .field-name-field-image { border-bottom: none; }
.node-photo .field-name-field-image img { 
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 4px;
}
.node-photo .field.field-label-inline { border-top: 1px solid #dddddd; margin-bottom: 4px; }
.node-photo .field.field-type-text-with-summary { width: 100%; float: none; clear: both; }
.node-photo .field.field-label-inline .field-label { padding: 8px 2px 8px 8px; }
.node-photo .field.field-label-inline .field-items { padding: 8px 8px 8px 0 }
.node-photo footer { clear: both; }

ul.photo-list {
    margin: 0;
}

li.photo-item {
    list-style: none;
    padding: 4px;
    position: relative;
    margin-bottom: 4px;
}

li.photo-item .views-field-field-image {
    border: 1px solid #f0f0f0;
    width: 100%;
    height: 100%;
}

li.photo-item .views-field-field-image .field-content {
    text-align: center;
    padding: 4px;
    overflow: hidden;
}

li.photo-item .photo-title {
    text-align: center;
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background-color: #ffffff;
}

@media (min-width: 980px) {
    .main-container { margin-top: 50px; }
    /*
    .node-photo > .field { width: 58%; display: block; float: right; }
    .node-photo .field-name-field-image { width: 40%; display: block; float: left; border-bottom: none; }
    */
    
    li.photo-item {
        width: 24%;
        display: block;
        float: left;
        height: 200px;
    }
    
    li.photo-item .views-field-field-image .field-content {
        height: 180px;
    }
}