#page{background-color:green;margin-left:auto;margin-right:auto;padding-top:20px}body,html{height:100%}
#btn{float:left;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:4px;border-width:3px;font-size:large}
#btn:hover{border-color:green;background-color:#8fff8f}
#btn:focus{border-color:green;outline:green;background-color:green}img:focus{outline:#94f7a2}
#menu{float:left;text-align:center;font-size:1.2em;position:relative;left:70%;width:200px;text-decoration:none;color:#8fff8f;background-color:green;padding:10px 15px;margin:0 2px 1px 0;border:1px solid green;box-shadow:0 2px 3px gray;-moz-box-shadow:0 2px 3px gray;-webkit-box-shadow:0 2px 3px gray}
#menu:hover{color:green;background:#8fff8f;border:1px solid green}
#menu1{text-align:center;margin-bottom:2px;font-size:1.2em;text-decoration:none;color:#8fff8f;background-color:green;padding:10px 15px;border:1px solid green;box-shadow:0 2px 3px gray;-moz-box-shadow:0 2px 3px gray;-webkit-box-shadow:0 2px 3px gray}
#menu1:hover{color:green;background:#8fff8f;border:1px solid green}
#menu2{text-align:center;margin-bottom:2px;font-size:1.2em;text-decoration:none;color:#8fff8f;background-color:#0F52BA;padding:10px 15px;border:1px solid green;box-shadow:0 2px 3px gray;-moz-box-shadow:0 2px 3px gray;-webkit-box-shadow:0 2px 3px gray}
#menu2:hover{color:#355E3B;background:#7DF9FF;border:1px solid green}

#btn_wyn{float:right;margin-right:50px;margin-top:20px;font-size:large;border-radius:4px}
#btn_wyn:hover,#btn_wyn_analiza:hover,#btn_wyn_n:hover{background-color:#94f7a2;border-width:2px;border-color:#94f7a2}
#btn_wyn_n{margin-left:80px;margin-top:200px;font-size:x-large;border-radius:4px}
#problem{float:left;margin-left:10px;border:2px dotted #000;padding-bottom:10px}
#pbm{font-size:x-large;margin-left:auto;margin-right:auto;text-align:center}
#table{width:750px;height:750px;background-color:green;float:left}
#next{float:left;margin-left:100px;margin-top:300px;cursor:pointer}
#back{float:right;margin-right:100px;margin-top:120px;cursor:pointer}
#wazne_info{color:rgba(255,0,51,.856);font-weight:700}
#info_ops_P{float:left;padding-left:30px;padding-top:180px;font-size:xxx-large;color:#000}
#info_ops_L{float:left;width:380px;font-size:xxx-large;color:#000}
#info_ops_L_sz{float:right;padding-right:40px;padding-top:180px}
#dziadek{text-align:center;margin-top:10px}
#rozgrywajacy{text-align:center;position:relative;margin-bottom:0}
#centrum-stolu{height:430px;text-align:center}
#ops1{text-align:left;height:150px;margin-left:20px;float:left}
#ops2{text-align:right;margin-right:20px;float:right}
#info{text-align:left;width:750px;margin-left:380px}
#wynik{text-align:center;padding-top:50px;font-weight:700;color:#000;background-color:#1a942a;border:2px solid #000;padding-bottom:50px;margin-right:10px;margin-left:10px}
#wynik_opis{padding-top:100px}
#wynik_opis span{font-weight:700;color:#000}
h3{font-size:larger;font-weight:400;}

#stopka{text-align:center;border-top:1px solid #000;width:100%;height:20px;padding-bottom:30px;padding-top:10px; margin-top:15px}
#stopka p{font-size:smaller; color:#94f7a2}#spr{color:#000;margin-left:428px}#spr1{color:#000;margin-left:530px;margin-top:100px}
#spr2{color:#000;margin-left:530px}#btn_wyn_analiza{margin-left:475px;font-size:large;border-radius:4px}
#table-analiza{float:left;border:2px solid #000;width:400px;height:200px;text-align:center;padding:10px;background-color:#1a942a;margin-left:15px}
#table-analiza-S{margin-top:40px}#opis-analiza{clear:both;color:#000;padding-left:20px}#wstep{padding-left:90px;padding-top:30px;font-size:large;padding-bottom:20px}
table{margin-right:auto;margin-left:auto;border:2px solid #000;background-color:#1a942a;min-width:630px}
table td{width:70px;text-align:center;font-size:larger;height:30px}
#more:hover{cursor:pointer}
#more{font-size:small;height:20px;color:#fff}
table tr #wstepny{font-weight:700;font-size:large;text-align:left}
table tr #dot{width:20px}table tr #strzałka{width:80px;text-align:right;padding-right:20px}
table tr #procent{width:100px}table tr #suma{width:270px;text-align:right;font-size:22px;padding-right:10px}
td #wynik-analizy{font-size:x-large;font-weight:bolder;color:#8b0000}
.zdjecie{width:100%;height:auto} 
section ul li {font-size:large;}
section {margin-bottom:30px;}

#naglowek_table
{
   max-width: 100%;
   min-width:100%;
   background-color: transparent;
   border: none;
}

#dyrektor
{
    font-size: large;
    margin-top: 50px;
}
#ulotka
{
    background-image:url("assets/tecza_tlo1.png");
    background-color: white;
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-size: auto;
    width:80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-top: 20px;
    text-align: center;
    border:solid 3px red;
}

#ulotka_burmistrza
{
    background-image:url("assets/ratusz_tlo_szczecinek_30.png");
    background-color: white;
    background-repeat: no-repeat;
    background-position: 50% 20%;
    background-size: auto;
    width:80%;
    position: relative; 
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-top: 20px;
    text-align: center;
    border:solid 3px red;
}

#szczecinek_logo
{
    padding-left: 55px;
}

#tresc
{
   margin-bottom: 50px;
}

@media screen and (max-width:600px) {
    #otp_pila{
        width:90%;
    }
    #rdlp_logo
    {
        height:50px;
    }
    .prezentacja
    {
        width:100%;
        height:250px;
        margin-bottom:50px;
    }
    #baner
    {
        width:90%;
    }
    #baner_kongres
    {
        width:50%;
    }
    .ulotka
    {
        width:90%;
    }
    #ulotka
    {
         width:95%;
    }
    #ulotka_burmistrza
    {
         width:95%;
    }
#szczecinek_logo
{
    padding-left: 0px;
}

    #logo-tecza-naglowek
    {
        width:70px;
        margin-left:5px;
    }
    #title
    {
        text-align: center;
        margin-top: 10px;
        font-weight: 700;
        text-shadow: 2px 2px 2px #ccc;
        font-size: x-large;
      
    }
    #facebook-logo
    {
        width:50px;
        margin-left: 10px;
    } 

    #wyniki_archiwalne
    {
      margin-right:0px;
    }

    #podatek
    {
       width:90%;
    }

    #baner_kongres
    {
        width:100%;
    }

    #mapa_kongres
    {
        width:98%;
    }

    #lista_turniejow
    {
      width: 100%;
    }

#wrapper{margin-left:auto;margin-right:auto;border:5px solid #000;min-height:calc(100% - 35px);padding:20px 10px 50px;width:98%;background-color:#94f7a2;}

}

@media screen and (max-width:991.9px) {
.tylko_komputer
    {
      display: none;
    }
}

@media screen and (min-width:992px) {
.tylko_telefon
    {
      display: none;
    }
}

@media screen and (min-width:601px) {
    #otp_pila{
        width:50%;
    }
    #rdlp_logo
    {
        height:95px;
    }
    #baner
    {
        width:50%;
    }
    #baner_kongres
    {
        width:60%;
    }

    .ulotka
    {
        width:50%;
    }
     #ulotka
     {
         width:80%;
      }
    #logo-tecza-naglowek
    {
        width:150px;
        margin-left:50px;
    }
    #title
    {
        text-align: center;
        margin-top: 50px;
        margin-bottom: 50px;
        font-weight: 700;
        text-shadow: 2px 2px 2px #ccc;
        padding-top: 50px;
        
    }
    #facebook-logo
    {
        width:50px;
        margin-left: 10px;
    } 

    #wyniki_archiwalne
    {
      margin-right:20px;
    }

    #podatek
    {
       width:50%;
    }

    #mapa_kongres
    {
        width:80%;
    }

    .prezentacja
    {
        width:80%;
        height:500px;
        margin-bottom:50px;
    }
 
    #lista_turniejow
    {
      width: 50%;
      float: left;
    }


#wrapper{margin-left:auto;margin-right:auto;border:5px solid #000;min-height:calc(100% - 35px);padding:20px 10px 50px;width:80%; background-color:#94f7a2;}
} 

.zapisy{
    border-radius: 25px;
    color: #94f7a2;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: brown;
}

.zapisy:hover{
    color: brown;
    background-color: #94f7a2;
    border: solid;
    text-decoration: none;
    
}