@media (min-width: 576px) {
    .hero p {
        font-size: 3rem;
    }
}

.navbar-brand a {
    position: relative;
}

.country-germany .navbar-brand a:before {
    content: 'Germany';
    position: absolute;
    right: 0px;
    bottom: -14px;
    font-size: 1.1rem;

}

html[lang="de"] .country-germany .navbar-brand a:before {
    content: 'Deutschland';
}


.site-blog .navbar-brand a:before {
    content: 'Blog';
    position: absolute;
    right: 0px;
    bottom: -14px;
    font-size: 1.1rem;

}

.site-blog .navbar-brand {
    margin-bottom: 1rem;
}