#Contest p {
    font-size:1.4em;
}

#center #Contest video, #center #Contest .video
 {
    float: left;
    display: block;
    margin: 0 2em 1em 0;
    width: 280px;
    box-sizing: border-box;
}


#Contest li {
    font-size:1.4em;
    list-style-position: inside;
    list-style-image: url(/lib/imgs/galka.gif);
    padding-left:3em;
}
#Contest .news_item img {
    float:left;
    margin:0em 2em 4em 0;
    width:280px;
}
#Contest .bukv {
    font-size: 1.3em;
    font-weight: 700;
    color: red
}

#submenu {
    text-align: left;
    border:0;
    margin-top:1em;
}

#submenu li {
    margin:0;
    background-color: #fff;
    height:5em;
    line-height:5em;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
#submenu li img {
    display:inline-block;
    margin:0 1em;
    width:2.6vw;
    margin-right:0.5em;
    vertical-align: middle;
}
#submenu li a {
    display:inline-block;
    width: 100%;
    font-size:calc(50% + 0.7vw);
    font-weight:bold;
    color: #CD853F;
    /*text-transform: uppercase;*/
    font-family: Verdana, Geneva, sans-serif;
}
#submenu li:hover:not(.disable) {
    background-color: #eee;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

#submenu li.selected {
    background-color: #eee;
}
#submenu li.mark a {
    color: IndianRed;
}
#submenu li.disable a {
    color: DarkGray;
    cursor: not-allowed;
    opacity: 0.5;
}
#submenu li.disable img {
    -webkit-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
    filter: grayscale(100%);
    filter: gray;
}

#submenu .social img{
    width:25%;
    margin-top:2em;
}

#contest-map img {
    margin: 4em auto 0 1em;
    width:250px;
}
#Juri a h1{
    color: Chocolate;
    font-size:2em;
    margin:1em 0 0 0;
}
#Juri figure.jm {
    clear: both;
    border-top: solid;
    border-top-color: GoldenRod;
    border-top-width: 2px;
    border-top-style: solid;
    padding:0 2em;
}
#Juri figure.pletnev {
    border-top:0;
    padding:0;
}

#Juri figure.pletnev img {
    width:340px;
    float:left;
    margin: 0 1em 1em 0;
}
#Juri figure.pletnev h1 {
    font-size:2.2em;
}

#Juri figure.jm.right img{
    float:right;
    width:280px;
}
#Juri figure.jm.right figcaption {
    text-align: left;
}
#Juri figure.jm.left figcaption {
    text-align: right;
}
#Juri figure.jm.left img{
    float:left;
    width:280px;
}

#Juri .pagecap {
    clear:both;
}
#Results ol li{
    list-style-position: inside;
    list-style-type: decimal;
    font-size:1.5em;
    margin:0.5em 1em;
}
#Results ol li span.instr{
    font-size:0.75em;
    font-style: italic;
    text-transform: lowercase;
    color:#777;
}
#Results  h2 {
    font-size:1.4em;
}
#Gallery .video {
    width: 450px;
    height:350px;
    margin-left:auto;
    margin-right:auto;
}

@media screen and (max-width: 768px) {
#submenu {
    display:block!important;
    width: 100%!important;
    min-width: 100%!important;
    padding-left:0.5em!important;
    padding-right:0.5em!important;
}
#submenu a{
    font-size:1.8em!important;
    /*text-transform: uppercase!important;*/
}
#Contest .news_item img {
    float:none;
    width:100%;
    margin:1em auto;
}
#Contest .bukv {
    font-size: 1.5em;
    font-weight: 700;
    color: red
}

#submenu .social {
    text-align:center;
}
#contest-map {
    text-align:center!important;
}
#contest-map img {
    margin: 1em auto!important;
}
#submenu li img {
    width:2em;
}

#Juri img {
    float:none!important;
    width:100%!important;
    margin: 1em 0!important;
}
#Juri figure {
    padding:0!important;
}
#Juri figcaption {
    text-align:left!important;
}
#Juri h1 {
    margin:0!important;
}
#Gallery .imgs  img{
    width:100%;
}

}