body {background-image: url(img/2.webp);font-family:'Verdana';font-size: 90.5%;margin: 0;padding: 0;text-align: left;width: 99%;background-attachment: fixed;background-repeat: no-repeat;background-size: cover;width: 99%;clear:both}
/*background-image: url(img/2.webp)*/
.main {padding: 20px;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-around;}
h1 {background: #cea984;font-size: 1.714em;text-align: center;}
h2 {color: rgba(253, 166, 78, 0.71);font-size: 1.6em;font-weight:600;line-height:1.5;text-align:left;text-decoration: none;width: 99%;letter-spacing:2px;margin-left: 2%}
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: #4dd094;font-size: 1.8em;font-weight: 400;line-height: 1.5;margin-bottom: .2em;margin-left: 26%; 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.2em;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}
.menu{display: flex;font-size: 2.0em;align-items: center;width: 99%;padding: 10px}

.discord {display: flex; flex-direction: column;align-items: center;}
.discord h3 {font-size: 2.2em; color: #f23434}
.discord h6 {font-size: 1.6em; padding: 3px; margin-top: 0}
.image1 img {transition: all 1.1s ease}
.image1 img:hover{transform:rotate(-360deg)}
.s1{display: flex;margin-top: 60px;justify-content: center;}
.gif1 img{width: 30%;margin-left: 3%;float: left;}
.gif1 img:hover{transform: scale(120%)}
.gif1 img{transition: all 0.5s ease}
.nawigacja h3{display: inline-block;margin-top: 0px;color: #db8780; font-size: 1.5em;margin-left: 11%;}
.nawigacja{font-weight: 900;height: 50px;letter-spacing: 3px;text-align: center;text-decoration: none;width: 70%;}
.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/f15e_01.webp); background-attachment: fixed;background-position:center;background-repeat: no-repeat;background-size: cover;height: 100%;width: 101%}
.home1 h3 {color: #67dec7; text-shadow: 2px 2px 2px #000;font-family: 'Aclonica-Regular';font-size: 3.5em}
*/
.rejon1 h3 {color: #b19a65;margin-top: 0;font-size: 2.0em}
.rejon1 {clear: both}
.rejon2 {font-size: .7em}
.img {display:inline;}
.image1 img {width: 40%; margin-left: 30%}
.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}
.tik{background: rgba(137, 137, 154, 0.48);position: fixed;color: #91a0bc}
.tik:focus ~ .menu-side, .menu-side:hover {transform: translateX(0);}
.gry5 {font-weight: 900;margin-left: 10%;width: 80%;}
.gry5 h6{color: #efdbaf;text-decoration: none;font-size: 1.5em;font-weight: 400;line-height: 1.5;font-family:'Verdana'}
.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{border-radius: 5px;display: flex;height: 60px;width: 100%;}
.footer p{color: #9d9462;margin-left: 1%;margin-top: 16px;width: 70%;}
.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: #123b57;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: #959ff0;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%;display: flex}
.nawigacja h3{font-size: .8em} 
.gif1 img{width: 40px}    
.gry5 h6{font-size: 1.1em}
.rejon1 h3 {font-size: 1em}    
.napis{height: 100px;margin-top: 30px;width: 30px;}
.napis img{width: 300%;}
/*.menu{background-image: url(img/belka02.png);height: 125px;line-height: 20px;margin-top: 0;position: relative;width: 100%;}   */
.logo img{display: none}
.rejon h3 {color: #b19a65; font-size: 1.2em}
.media{display: none}
.home1{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{display: flex;height: 60px;width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;}
.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-top: 10px;width: 70%;}
.footer h6{display: none}
.scrollup{background-size: 50%;bottom: 50px;right: 0;}}