/* latin-ext */
@font-face {
    font-family: 'Berkshire Swash';
    font-style: normal;
    font-weight: 400;
    src: local('Berkshire Swash Regular'), local('BerkshireSwash-Regular'), url(https://fonts.gstatic.com/s/berkshireswash/v8/ptRRTi-cavZOGqCvnNJDl5m5XmN_pM4zXX4.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'Berkshire Swash';
    font-style: normal;
    font-weight: 400;
    src: local('Berkshire Swash Regular'), local('BerkshireSwash-Regular'), url(https://fonts.gstatic.com/s/berkshireswash/v8/ptRRTi-cavZOGqCvnNJDl5m5XmN_qs4z.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
/* cyrillic */
@font-face {
    font-family: 'Marmelad';
    font-style: normal;
    font-weight: 400;
    src: local('Marmelad'), local('Marmelad-Regular'), url(https://fonts.gstatic.com/s/marmelad/v9/Qw3eZQdSHj_jK2e-8uFIEec8Cw.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}
/* latin-ext */
@font-face {
    font-family: 'Marmelad';
    font-style: normal;
    font-weight: 400;
    src: local('Marmelad'), local('Marmelad-Regular'), url(https://fonts.gstatic.com/s/marmelad/v9/Qw3eZQdSHj_jK2e-8uFCEec8Cw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
    font-family: 'Marmelad';
    font-style: normal;
    font-weight: 400;
    src: local('Marmelad'), local('Marmelad-Regular'), url(https://fonts.gstatic.com/s/marmelad/v9/Qw3eZQdSHj_jK2e-8uFMEec.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Marmelad', sans-serif; /* Arial; */
    color: #fdf2b4;
    font-size: 13px;
    background: black url(images/jpgpng/content_bg_header.jpg) center top repeat;
    background-size: 100% 1081px;
}

    body > ul {
        flex-wrap: wrap;
    }

    body > ul > li {
        flex: 1;
        padding-left: 10px;
        padding-right: 10px;
    }

ul {
    padding-left:10px;
}

    ul li {
        list-style: none;
        padding-top: 5px;
        padding-bottom: 5px;
        white-space: nowrap;
    }

li a {
    font-size: 1.2em;
    color: #fdf2b4;
    text-shadow: -1px 1px 8px #ffc;
}

a {
    color: #f99a00;
    background: transparent;
    text-decoration: none;
}

li a:hover {
    text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff !important;
    -webkit-transition: 100ms linear 0s !important;
    -moz-transition: 100ms linear 0s !important;
    -o-transition: 100ms linear 0s !important;
    transition: 100ms linear 0s !important;
    outline: 0 none !important;
    color: #fff !important;
    background-color: transparent !important;
}

li a.icon {
    color: #f99a00;
    text-shadow: none;
}

li a.icon:hover {
    text-shadow: -1px 1px 8px #ffc;
    color: #fff !important;
}