main {
    margin-top: 100px;
}

main p, main ul, main ol {
    font-size: 1.25rem;
}
figcaption {
    text-align: center;
    font-style: italic;
}
a.no-link-underline {
    text-decoration: none !important;
    color: inherit !important;
}

main .lead {
    font-size: 1.75rem;
    font-weight: 300;
}

.bold {
    font-weight: bold;
}

img.near-threatened, img.vulnerable, img.endangered, img.critically-endangered, img.extinct, img.extinct-wild {
    padding-bottom: 30px;
    background-position: center bottom;
    background-repeat: repeat-x !important;
    border: 1px solid #000;
}

img.near-threatened {
    background-image: url("/images/conservation-status/near-threatened-banner.png");
    border-color: #1b6766;
} 
img.vulnerable {
    background-image: url("/images/conservation-status/vulnerable-banner.png");
    border-color: #c9991d;

} 
img.endangered {
    background-image: url("/images/conservation-status/endangered-banner.png");
    border-color: #c76336;

} 
img.critically-endangered {
    background-image: url("/images/conservation-status/critically-endangered-banner.png");
    border-color: #c62634;
}
img.extinct {
    background-image: url("/images/conservation-status/extinct-banner.png");
}
img.extinct-wild {
    background-image: url("/images/conservation-status/extinct-wild-banner.png");
}
.card {
    box-shadow: 2px 2px 3px #999;

}
.card:hover {
    border-color: #0006;
    background-color: #ddd;
    box-shadow: 0 0 0;
}