/* latin-ext */
@font-face{
    font-family:'Titillium Web';
    font-style:normal;
    font-weight:400;
    src:url(https://fonts.gstatic.com/s/titilliumweb/v17/NaPecZTIAOhVxoMyOr9n_E7fdM3mDaZRbryhsA.woff2) format('woff2');
    unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face{
    font-family:'Titillium Web';
    font-style:normal;
    font-weight:400;
    src:url(https://fonts.gstatic.com/s/titilliumweb/v17/NaPecZTIAOhVxoMyOr9n_E7fdMPmDaZRbrw.woff2) format('woff2');
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{
    margin:0;
    padding:0;
}

*{
    font-family:'Titillium Web', serif !important;
}


header{
    margin:0;
    position:fixed;
    top:0;
    left:0;
    width: 260px;
    z-index: 21;
    padding-bottom: 16px;
    background: rgb(250, 250, 250);
}

header .logo {
    max-width: 260px;
    height: auto;
    max-height: 100%;
}

header nav{
    padding:4px 16px;
    width:260px;
    display:flex;
    justify-content:flex-start;
    align-content:center;
    flex-wrap:nowrap;
    flex-direction:row;
    align-items:center;
    box-sizing:border-box;
    font-size: 0.92rem;
    color: rgb(51, 51, 51);
}

header nav select{
    min-width:6rem;
    margin-left:auto;
}

@media screen and (max-width: 800px) {
    header {
        border-bottom: 1px solid #e1e1e1;
        width: 100%;
    }
    .api-content {
        padding-top: 145px;
    }
}

.menu-content {
    padding-top:145px;
}

.menu-content + div {
    bottom: unset;
    top: 44px;
}

img{
    box-sizing:border-box;
    padding:4px 16px 4px 16px;
}