body {background-color:#121533;font-family: 'Roboto', sans-serif;font-size: 90.5%;margin: 0;padding: 0;text-align: left;width: 99%;}

.menu{display: flex;font-size: 2.0em;}
h1 {background: #cea984;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: 'Montserrat-Black'}
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;}
/*
.wpislink{background-color: rgba(57, 65, 69, 0.13);display: block;text-decoration: none;box-shadow: 0 0 4px #27231f;width: 60%;margin-left: 15%}
.wpislink4{background: linear-gradient(to right, #746161 75%, #cc8856 100%);border-radius: 5px;box-shadow: 4px 4px 6px #cc8856;color: #f28534;display: block;text-decoration: none;} #ba8829
*/

.popup {
    position: fixed;
    width: 40%;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(134, 44, 44, 0.86);
    background-image:url("img2/disc.webp");
    padding: 10px;
    border-radius: 20px;
    box-shadow: 0px 0px 20px rgb(222, 217, 75);
    z-index: 9999;}
.popup-content h2{width: 99%;font-size: 1.4em}
.popup-content p{text-align: center;margin: 0;}
.popup-content {
    width: 99%;
    text-align: center;
    color: #fff;}
.close-popup{background-color: #d32f2f;color: #fff;border-radius: 10px;font-size: 1.1em;}
.close-popup{transition: all 0.9s ease}
.close-popup:hover{background-color: #fff;color: #d32f2f}

.data{color: #ba8829}
/*.data{color: #121533}*/
.gry4 img{width: 100%;}
.s2 {margin-top: 10%}
.home1 {background-image: url(img/1.webp); background-attachment: fixed;background-position:center;background-repeat: no-repeat;background-size: cover;width: 101%;transition: background 3.5s linear;}
.home2 {background-image: url(img/2.webp);font-family: 'Audiowide-Regular'; background-attachment: fixed;background-repeat: no-repeat;background-size: cover;width: 101%;clear:both}
.home1 h3 {color: #c48a2c;text-shadow: 2px 2px 2px #0a0a0a;font-family: 'Aclonica-Regular';font-size: 3.9em}
.home2 h3 {color: #aee68b;text-shadow: 2px 2px 2px #3c84cb;font-size: 3.2em}
.menu_strony ul{list-style: none}
.menu_strony img{width: 30%; margin-right: 1%; float: left; margin-bottom: 1%}
.menu1 img {transition: all 0.5s ease}
.menu2 img {transition: all 0.5s ease}
.menu3 img {transition: all 0.5s ease}
.menu4 img {transition: all 0.5s ease}
.menu5 img {transition: all 0.5s ease}
.menu6 img {transition: all 0.5s ease}
.menu7 img {transition: all 0.5s ease}
.menu8 img {transition: all 0.5s ease}
.menu9 img {transition: all 0.5s ease}
.menu1 img:hover{transform:rotate(-10deg)}
.menu2 img:hover{transform:rotate(-10deg)}
.menu3 img:hover{transform:rotate(-10deg)}
.menu4 img:hover{transform:rotate(-10deg)}
.menu5 img:hover{transform:rotate(-10deg)}
.menu6 img:hover{transform:rotate(-10deg)}
.menu7 img:hover{transform:rotate(-10deg)}
.menu8 img:hover{transform:rotate(-10deg)}
.menu9 img:hover{transform:rotate(-10deg)}

/*
.napis{height: 50px;width: 15%;}
.napis img{margin-left: 5px;margin-top: 5px;width: 80px;}
*/
.image3 img {width: 8%; margin-left: 45%}
.nawigacja{font-weight: 900;height: 50px;letter-spacing: 3px;text-align: center;text-decoration: none;text-shadow: 2px 2px 2px #000;width: 100%;margin-left: 8%}
.nawigacja li {display: none}
.nawigacja a{color: #c4b3b3;text-decoration: none;transition-duration: .5s;transition-property: all;transition-timing-function: linear;}
.nawigacja a:hover{color: #fce1d9;}
.media{float: right;height: 50px;width: 30%;margin-right: 5px;}
.media img{float: right;margin-right: 8px;margin-top: 10px;width: 30px;}
.sticky{left: 0;position: fixed;top: 0;width: 99%;z-index: 100;}
.tytuly{text-align: left;}
.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: 5%;width: 13em;}
.menu-side {margin-top: 15%;}
/*
.tik{background: rgba(137, 137, 154, 0.48);position: fixed;color: #91a0bc}
.tik:focus ~ .menu-side, .menu-side:hover {transform: translateX(0);}
*/
.nawigacja h3 {display: none}
.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: 1.1em;}
.nawigacja2 h5{color: rgba(199, 203, 181, 0.65)}
.main{border-radius: 5px;line-height: 25px;overflow: hidden;width: 100%;}
.tlo{background-color: #121533;}
.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: 9%;width: 85%;}
.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;}
.gry5 h6{color: #efdbaf;font-size: 1.4em;font-weight: 400}
.img1 img{width: 30%;float: left;margin-right: 2%;}
.img2 img{width: 30%;}
.img3 img{width: 30%;float: left;margin-right: 2%;}
.gif1 img{width: 30%;margin-left: 3%;float: left;}
.media2{display: none}
.footer{background-color:#121533;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: 50px;display: none;height: 60px;position: fixed;right: 0;text-indent: -9999px;transform: translateX(60);width: 60px;}
.media2{display: none}
#blok{background-color:   #121533;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;}
#cookieinfo * {margin: 0px;padding: 0px;}
#cookieinfo {position: fixed;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #323334; 
    padding: 20px;
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
    z-index: 1000;}
#cookieinfo h6 {font-size: 16px;font-weight: bold;color: #cdd7da;text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);margin-bottom: 7px;}
#cookieinfo p {font-size: 12px;color: #afb4bc;line-height: 1.5em;text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}
#cookieinfo a {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    line-height: 22px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #ff6000;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);}
#cookieinfo a:hover {background-color: #ff7925; }


@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 img{width: 20%}       
}
@media only screen and (min-width: 150px) and (max-width: 900px) {
 body{background-color: #000;clear: both;;margin: 0;padding: 0;}
 main {display: flex;flex-wrap: wrap;}    
.gif1 img{width: 30px}    
.menu{justify-content: space-around;align-items: center;}    
.nawigacja li{color: #cc8856; display: inline-block;margin-right: 40px;margin-top: 3px;font-size: 1.2em}
.gry4 h6{color: #efdbaf;text-decoration: none;font-size: .9em;font-weight: 400;line-height: 1.5;margin: 0;margin-top: 10px}    
.nawigacja{font-size: 0.6em;margin-right: 12%}    
.logo img{display: none}
.media{display: none}
.home1{display: none}
.home2{display: none}
.menu_strony img{width: 80%; margin-right: 1%; float: left; margin-bottom: 1%}
.menu1 img:hover{transform:scale(80%)}    
.menu2 img:hover{transform:scale(80%)}    
.menu3 img:hover{transform:scale(80%)}    
.menu4 img:hover{transform:scale(80%)}    
.menu5 img:hover{transform:scale(80%)}    
.menu6 img:hover{transform:scale(80%)}    
.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{
    padding: 20px;
    background-color: #121533;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    }
.media2{display: inherit;margin-top: 10px; width: 30%;margin-right: 50;}
.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 a{margin-left: 4px;}    
.footer h6{display: none}
.scrollup{background-size: 50%;bottom: 50px;right: 0;}