* {
  box-sizing: border-box;
}
.row::after {
  content: "";
  clear: both;
  display: table;
}
[class*="col-"] {
  float: left;
  padding: 5px;
min-width:300px;

}
body {
background: url(self_back.jpg);
background-position: center;
background-size:  100% 100%;
}

.box-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    max-width: 1800px;
    min-width: 300px;
width: 100%;    
height:100%;
    padding:0px;
    margin:auto;
    top:0px;
}

.box-item {

    width:100%;

    margin: 0px;
    display:table;

}
.box-item-brd {
   width:100%;
   border-top: 1px solid black;
   }
.bialalinia {
   width:100%;

   border-top: 1px solid white;
   }

.box-wew-mid {
   display:table-cell;
   vertical-align:middle;
}
.box-wew-top {
   display:table-cell;
   vertical-align:top;
}
.box-wew-bot {
   display:table-cell;
   vertical-align:bottom;
}
.box-lewy {
    max-width:50%;
    float:left;
    text-align:left;
    padding:10px;
   }
.box-prawy{
    max-width:65%;
    float:right;
    text-align:right;
    margin:0;
    padding:10px;
   }
.box-p{

    text-align:right;
    margin:0;
    padding:10px;
   }
.box-l{
    text-align:left;
    margin:0;
    padding:10px;


   }
.box-c{
    text-align:center;
    margin:0;
    padding:0px;
   }


.mapa{
mix-blend-mode:overley;
opacity: 0.9;
min-width:300px;

}
.drzewo{
mix-blend-mode:overley;
opacity: 0.9;

}


aside {
  !background-color:#ABD6B6;
  padding: 5px;
  color: #ffffff;
  text-align: right;
  font-size: 14px;
  //box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.32);
}
/* Dla telefonów komórkowych: */
[class*="col-"] {
  width: 100%;
}
@media only screen and (min-width: 600px) {
  /* Dla tabletów: */
  .col-rl-1 {width: 8.33%;}
  .col-rl-2 {width: 16.66%;}
  .col-rl-3 {width: 25%;}
  .col-rl-4 {width: 33.33%;}
  .col-rl-5 {width: 41.66%;}
  .col-rl-6 {width: 50%;}
  .col-rl-7 {width: 58.33%;}
  .col-rl-8 {width: 66.66%;}
  .col-rl-9 {width: 75%;}
  .col-rl-10 {width: 83.33%;}
  .col-rl-11 {width: 91.66%;}
  .col-rl-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* Dla komputerów: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}
@font-face {
    font-family: 'ssr';
    src: url('Bahnschrift.woff2');
    font-style: normal;
}
@font-face {
    font-family: 'ssb';
    src: url('font/futura_mc.woff');
    font-style: normal;
}
@font-face {
    font-family: 'ss3';
    src: url('font/heuristica_r.woff');
    font-style: normal;
}
@font-face {
    font-family: 'ss4';
    src: url('font/heuristica_r.woff');
    font-style: normal;
}

.tlo {
    position:relative;
    width:100%;
    height:100%;
    min-height:500px;
    !background: black;

}
.tlo_1 {
    position:relative;
    width:100%;
    margin:0;
    !background: black;
    

}
.t1{
   font-family: Verdana;
    font-size: 16px bold;
    text-decoration:none; 
    color:black;
    //line-height: 1;
    //word-break: break-all;
    transition:  color  .3s;
    -webkit-transition: color .3s; /* Safari 3.1 to 6.0 */

   }
.h2{

 font-family: ssr;
    font-size: 20px;
    text-decoration:none; 
    color:black;
    line-height: 1;
    word-break: break-all;
    transition:  color  .3s;
    -webkit-transition: color .3s; /* Safari 3.1 to 6.0 */



}
   
.menu_link, .menu_link_cz {
    font-family: ssr;
    font-size: 35px;
    text-decoration:none; 
    color:black;
    line-height: 1;
    word-break: break-all;
    transition:  color  .3s;
    -webkit-transition: color .3s; /* Safari 3.1 to 6.0 */
}
.menu_link_cz {
  color:black;
}

.menu_link:hover .menu_cz {
      color:red;
}
.menu_link:hover  {
      color:red;
}

.menu_dzial {
    font-family: ssr;
    font-size: 20pt;
    text-decoration:none; 
    color:white;
    line-height: 1;
    word-break: break-all;
    transition:  color  .3s;
    -webkit-transition: color .3s; /* Safari 3.1 to 6.0 */
}
.menu_dzial:hover  {
      color:#333333;
}

.skaluj {
      width:100%; 
      max-width:1000px;
}

#menu1 {
margin:0; padding:10px;
}

#rozwin {

    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: black;
    text-align:right;

}


h5 {  font-size:  40px;
      font-family: ss3;
      color: black;
      padding: 0px;
      margin: 0px;
      word-break: break-all;
}


h2, a.h2 {  
      font-size:  30px;
      font-family: ssr;
      padding: 0px;
      margin: 0px;
      !word-break: break-all;
      color:white;
      text-decoration:none;
      transition:  color  .3s;
      -webkit-transition: color .3s; /* Safari 3.1 to 6.0 */
      }
a:hover.h2, .zgoda:hover{
       color:#e6e6e6;
       }
       
h3, a.h3 {  font-size:  25px;
      font-family: ssr;
      padding: 0px;
      margin: 0px;
      word-break: break-all;
      color:white;
      text-decoration:none;
      transition:  color  .3s;
      -webkit-transition: color .3s; /* Safari 3.1 to 6.0 */
      }

a:hover.h3, .zgoda_g:hover, .zgoda:hover  {
       color:#333333;

       }

a.text1 {
  font-family: verdana;
  font-size: 16px;
  text-decoration:underline dotted black 2px;
  font-weight:bold;
  margin:10px;
color:black;

}

a.text2 {
  font-family: verdana;
  font-size: 16px;
  text-decoration:underline dotted black 2px;
  font-weight:normal;
  margin:10px;
color:black;
}
a:hover.text1, a:hover.text2  { color:red; }
//a:visited.text1, a:visited.text2 { color:grey; }

.tlo-podpis {
      !background:lightgrey;
      display:inline-block;
      margin:10px;
}