h1,h2,h3 {font-weight: 400; font-family: 'robotoregular', Helvetica, Arial, sans-serif;}

.themes h3 {margin-bottom: 2em;}

.hero-graphics {width: 120%;}
.hero-headline h1 {white-space: normal; max-width: 15em;}

@media screen and (min-width: 768px) {
	.hero-headline h1 {max-width: 15em;}
}
@media screen and (max-width: 992px) {}


main .LanguageLinks {display: none;}
.LanguageLinks {position: absolute; top: 0px; right: 10px; font-size: .9em;}
.LanguageLinks ul {margin: 0; padding: 0; text-align: right; border: 1px #ccc solid;}
.LanguageLinks li {list-style: none; display: inline-block;}
.LanguageLinks li.currentLang {display: none;}



.endangered   {background: #a1c759; color: #000;}
.threatened   {background: #006abb; color: #fff;}
.vulnerable   {background: #003361; color: #fff;}


.extirpated   {background: #003361; color: #fff;}
.extinct      {background: #003262; color: #fff;}


.scorecard-table td, .center {text-align: center;}
.scorecard-table td.left {text-align: left;}


.tag-endangered   {background: #a1c759; color: #000; border-radius: 6px; font-size: em; padding: .05em 1em; display: inline-block;}
.tag-threatened   {background: #006abb; color: #fff; border-radius: 6px; font-size: 1em; padding: .05em 1em; display: inline-block;}
.tag-vulnerable   {background: #003361; color: #fff; border-radius: 6px; font-size: 1em; padding: .05em 1em; display: inline-block;}



.tag-extirpated   {background: #4C2865; color: #fff; border-radius: 6px; font-size: 1em; padding: .05em 1em; display: inline-block;}
.tag-extinct      {background: #003262; color: #fff; border-radius: 6px; font-size: 1em; padding: .05em 1em; display: inline-block;}

.tag {border-radius: 6px; font-size: .8em; padding: .05em 1em; display: inline-block;}