body {background-color:  #1b2e0f;font-family:'Verdana';font-size: 90.5%;/* 87.5% zmiana Base font size: 14px */margin: 0;padding: 0;text-align: left;width: 99%;}
/*h1 {background: #cea984;font-size: 1.714em;text-align: center;}*/
h1 {background: #1b2e0f;font-size: 1.714em;text-align: center;}
h2 {font-size: 1.8em;font-weight: 400;line-height: 1.5;margin-bottom: .8em;text-align: center;text-decoration: none;width: 60%;}
h3{color: rgba(185, 239, 216, 0.78);font-size: 2.8em;font-weight: 900;line-height: 1.5;text-decoration: none;text-align: center; letter-spacing: 3px}
h4 {color: #e8ddd2;font-size: 1.286em;font-weight: 400;line-height: 1.5;margin-bottom: .2em;text-decoration: none;clear: both;}
h5 {color: #e8ddd2;font-size: 1.143em;font-weight: 400;line-height: 1.5;margin-bottom: .8em;text-decoration: none;}
h6 {color: #efdbaf;font-size: 1.4em;font-weight: 400;line-height: 1.5;margin-bottom: .8em;text-decoration: none;font-family:'Verdana'}
p{font-size: 1.1em;line-height: 1.4;text-align: left;text-shadow: rgba(239, 219, 175, 0.58) 0.1em 0.1em 0.2em;}
.menu{display: flex;font-size: 2.0em;width: 101%;background-color:  #1b2e0f}
ol {list-style-type:none;padding:0;margin:0;font-size:18px;height:2em;line-height:2em;text-align:center;margin-top: .8%}
ol > li {float:left;background-color: #1b2e0f;width:145px;}
ol a {display:block;color:#e8ddd2;text-decoration:none;padding:0 5px;}
ol > li > a:hover {color:#000;}
ol > li:hover {background-color: #1b2e0f;position:relative}
ol > li > ul {list-style-type:none;padding:0;margin:0;}
ol > li {float:left;background-color: #1b2e0f;width:150px;margin-left:1px;}
ol > li:first-child {margin-left:0;}
ol > li > ul > li > a {border-top:1px solid #FFF;}
ol {background-color:#FFF;}
ol > li > ul > li {background-color: #1b2e0f;}
ol > li > ul > li:hover {background-color:#db8780;}
ol > li > ul > li:hover a {color:#000;}
ol > li > ul {display:none;}
ol > li:hover > ul {display:block;}
ol > li {float:left;background-color: #1b2e0f;width:150px;margin-left:1px;height:2em;}
ol > li:hover > a {color:#db8780;}
.gry4 li::marker {color:#ff2020}
.gif1 img {transition: all 1.1s ease}
.gif1 img:hover{transform:scale(120%)}
.sticky{left: 0;position: fixed;top: 0;width: 100%;z-index: 100;background-color: #1b2e0f}
.gif1 img{width: 30%;margin-left: 3%;float: left;}
.nawigacja h3{display: inline-block;margin-top: 0px;color: #9f9f3c; font-size: 1.5em}
.nawigacja{font-weight: 900;height: 50px;letter-spacing: 3px;text-align: center;text-decoration: none;width: 70%;margin-left: 2.8%}
.media{float: right;height: 50px;width: 30%;margin-right: 5px;}
.media img{float: right;margin-right: 8px;margin-top: 10px;width: 30px;}
.gry4 img{width: 100%;}
.s2 {margin-top: 10%}
.home1 {background-image: url(img/edy_tlo.webp); background-attachment: fixed;background-position:center;background-repeat: no-repeat;background-size: cover;height: 100%;width: 101%}
.home2 {background-image: url(img/f16_1.webp);font-family: 'Audiowide-Regular'; background-attachment: fixed;background-repeat: no-repeat;background-size: cover;height: 100%;width: 101%;clear:both}
.home2 h3 {color: #aee68b;text-shadow: 2px 2px 2px #3c84cb;font-size: 3.2em}
.home1 h3 {text-shadow: 2px 2px 2px #000;font-family: 'Aclonica-Regular';font-size: 3.5em}
.rejon1 h3 {color: #b19a65}
.fra h3 {color: #de8982;font-size: 1.2em;text-align: left}
.srs_img ul{list-style: none}
.srs_img img{width: 41%; margin-right: 6%; float: left; margin-bottom: 1%}
.rejon1 {clear: both}
.img {display:inline;}
.image1 img {width: 40%; margin-left: 28%}
.image2 img {width: 40%; margin-left: 28%}
.image3 img {width: 60%; margin-left: 20%}
.menu-side{transform: translateX(100%);transition: 0.3s transform ease-in-out;}
.nawigacja2{font-size: 1.0em;line-height: 23px;position: fixed;right: 0px;list-style: none;top: 1.3%;width: 11em;}
.menu-side {margin-top: 15%;font-size: .5em}
.nawigacja2 a{color: rgba(199, 203, 181, 0.65);
    text-decoration: none;
    transition-duration: .5s;
    transition-property: font-size;
    transition-timing-function: linear;background-color: rgba(57, 65, 69, 0.13);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);}
.nawigacja2 a:hover{
    color: rgba(242, 241, 241, 0.7);
    font-size: 0.7em;}
.nawigacja2 h5{color: rgba(199, 203, 181, 0.65)}
.main{border-radius: 5px;line-height: 25px;overflow: hidden;width: 100%;}
.tlo{background-color:  #1b2e0f;}
.gry1 {font-weight: 900;margin-left: 5%;padding: 1% 3%;width: 90%;margin-bottom: 27%}
.gry3 {margin-top: 0}
.gry4 {font-weight: 900;margin-left: 13%;width: 70%;}
.gry5 {font-weight: 900;margin-left: 10%;width: 80%;}
.gry5 h6{color: #efdbaf;text-decoration: none;font-size: 1.4em;font-weight: 400;line-height: 1.5;font-family:'Verdana'}
.gry1 a,.gry4 a{color: #cecdcc;text-decoration: none;}
.gry4 h6{color: #efdbaf;text-decoration: none;font-size: 1.4em;font-weight: 400;line-height: 1.5;}
.img1 img{width: 30%;float: left;margin-right: 2%;}
.img2 img{width: 30%;}
.img3 img{width: 30%;float: left;margin-right: 2%;}
.media2{display: none}
.footer{background-color:  #1b2e0f;border-radius: 5px;display: flex;height: 60px;width: 100%;}
.footer p{color: #9d9462;margin-left: 1%;margin-top: 16px;width: 30%;}
.footer h6{color: #9d9462;font-weight: 700;letter-spacing: 2px;margin-left: 25%;margin-top: 16px}
.footer a{color: #70ff8c;font-size: .8em;margin-top: -10px;text-decoration: none;}
.scrollup{background: url('img/top.png') no-repeat;background-size: 70%;bottom: 20px;display: none;height: 60px;position: fixed;right: 0;text-indent: -9999px;transform: translateX(60);width: 60px;}
.media2{display: none}
#blok{background-color:  #1b2e0f;bottom: 0;font-size: 0.8em;height: 2.2em;left: 0;line-height: 2.2em;overflow: hidden;position: fixed;width: 100%;}
#blok > p{animation: przesun 80s linear infinite;color: #efefef;font-size: 1.4em;font-weight: 400;margin: 0;position: absolute;white-space: nowrap;}
#blok > p:hover{animation-play-state: paused;}

@keyframes przesun {0%{transform: translateX(0);padding-left: 110%;}
    100%{transform: translateX(-100%);padding-left: 110%;}}

@media only screen and (min-width: 150px) and (max-width: 1400px){
  .nawigacja h3{font-size: 1.0em}
  .media img{width: 20px}
  .gif1 {width: 20%}       
}

@media only screen and (min-width: 150px) and (max-width: 900px) {
.body{background-color: #000;clear: both;font-size: 60%;margin: 0;padding: 0;}
.menu-1, .menu-2 {display: none}    
.main{text-align: left;width: 99%;}
.nawigacja h3{font-size: 1.5em}    
.gry4 h6{color: #efdbaf;text-decoration: none;font-size: .9em;font-weight: 400;line-height: 1.5;}
.gry5 h6{font-size: 1.1em}
    .rejon1 h3 {font-size: 1.6em}    
.nawigacja{font-size: 0.6em;margin-right: 20%}
.nawigacja li{margin-right: 2px;}
.napis{height: 100px;margin-top: 30px;width: 30px;}
.napis img{width: 300%;}  
.logo img{display: none}
.rejon h3 {color: #b19a65; font-size: 1.2em}
.gry4 h5 {font-size: .9em}    
.media{display: none}
.home1{display: none}
.home2{display: none}
.tytuly{display: none}
.menu ul{list-style: none;padding-left: 0;}
.menu li{width: 90%;}
.menu a:link,.mainHeader nav a:visited {display: block;height: 20px;text-decoration: none;}
.s01,.s04,{margin-left: 3px;width: 99%;}
#blok {background-color: rgba(2, 15, 15, 0.3);}
.footer{background-color:  #1b2e0f;
    display: flex;
    height: 60px;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;}
.media2{display: inherit;margin-top: 10px; width: 30%}
.media2 img{margin-right: 10px;margin-top: 10px;width: 20px}  
.footer p{font-size: 0.9em;margin-left: 20%;margin-top: 10px;width: 70%;}
.footer h6{display: none}
.scrollup{background-size: 50%;bottom: 50px;right: 0;}}