body{
    background:#f6f6f6;
    font-family: 'Hind', sans-serif;

    color: #1F2626;
}
h1,h2, h3, h4, h5, h6{
}

/* HEADINGS */
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small{
    font-variant: small-caps;
}

h1{
    margin:2.5rem auto;    

}

/* MAIN MENU */

#mainMenu{
    background:#3C4D56;
    border-bottom:0.25rem solid #5A6D77;
    padding:0;
}

#mainMenu .navbar-brand{
    padding:0;
    padding-left:0.5rem;
    color:#fff;
    text-align: center;
}

#mainMenu .navbar-brand .brandName{
    font-size:2rem;
}

#mainMenu .active{
    background: #5A6D77;
}
#mainMenu .nav-item:hover,
#mainMenu .nav-link:hover,
.dropdown-item:hover{
    background: #628496;
}

#mainMenu ul{
    list-style-type:none;
    margin:0;
    padding:0;
    text-align:center;
    color:#fff;
    border:none;
}
#mainMenu li{
    display:inline-block;
    background: transparent;
    color: inherit;

    transition: all 0.2s;
}


#mainMenu li a{
    display:block;
    padding:1rem;
    color: inherit;
    text-decoration:none;
}


/* LANG SWITCHER */

#langSwitcher ul li{
    color:inherit;
    width:100%;
}

#langSwitcher ul li a{
    color:inherit;
    padding:1rem;
    border:none;
    border-radius: initial;
}

#langSwitcher ul li .dropdown-menu{
    background:#3C4D56;
    color:inherit;
    width:100%;
    border-bottom:0.25rem solid #5A6D77;
}

body > header{

}

h1{
    margin:0;
    margin:2rem auto 1rem;
}

#content{

    padding-top:2rem;
    padding-bottom:2rem;
}

#content .dataHeightResize{
    /*margin-bottom:1.5rem;*/
}

#footer{

    background:#3C4D56;
    border-top:0.25rem solid #5A6D77;
    color:#fff;
    padding-top:2rem;
    padding-bottom:2rem;
    font-size:0.9rem;
}


.creditBadge{
    background-color:rgba(48,48,48,0.5);
    color:white;
    text-decoration:none;
    padding:4px 6px;
    font-family:-apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif;
    font-size:12px;
    line-height:1.2;
    display:inline-block;
    border-radius:3px;
    transition:all 0.25s;
}

.creditBadge:hover{
    background-color:rgba(48,48,48,0.8);
    color:inherit;
}

.creditBadge span{
    display:inline-block;
    padding:1px 2px;
    font-size:11px;
}


#map {
    width: 100%;
    height: 400px;
    background-color: grey;
    margin:2rem auto;
}


.link-block{
    background-color: #fff;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    
    vertical-align: middle;
    width:150px;
    height:150px;
    overflow:hidden;
}


.link-block a{
    background: rgba(255,255,255,0);
    text-decoration: none;
    color: #3C4D56;
    font-weight:bold;
    opacity:0;

    transform: skew(0deg,20deg);
    transition: all 0.5s;
}

.link-block:hover a{
    background: rgba(255,255,255,0.9);
    opacity:1;
    transform: skew(0deg,0deg);
}

#mainAside{

}

#mainAside h3{
    margin: 2rem auto 1rem;
}


#usefulLinks {
    list-style-type: none;
    margin:0;
    padding:0;
}

#usefulLinks a{
    text-decoration:none;
    color:#fff;
    /*font-weight:bold;*/
}

#usefulLinks a:hover{
    text-decoration:underline;
}

.text-box{
    background:#f2f2f2;
    margin-bottom:2rem;
    padding:1rem;
}

.text-box h2{
    margin-bottom:1rem;
}