body {
   font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
   font-size: 14px;
   margin: 0 auto;
}
section { 
   width: 75%; margin: auto;
}

footer {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin: 35px auto;
   padding: 15px 10% 80px;
   border-top: 1px solid #007f0b;
}
.footer_info, .footer_link {display: grid;  align-content: flex-start; gap: 7px; padding: 15px; }

.content{
    width: 1150px;
    padding: 0px;
    border: 1px solid;
}
.ogl_kontent{ display: grid; gap: 8px; }

ul#more { clear: left; margin-top: 200px; }
a{ color: #000; text-decoration: none; }

a:hover {text-decoration: none;}
.topic {
    background-color: transparent;
    line-height: 22px;
    font-size: 18px;
    font-family: times, tahoma, sans-serif;
    font-weight: 400;
    position: relative;
    height: 138px;
    width: 248px;
}
.table_top { vertical-align: top; }
.table_td {
    border-width: 1px;
    border-style: solid;
    border-color: #9BD405;
    position: relative;
    color: #4E874E;
    padding: 15px;
    min-height: 40px;
}
.table_td.fronts{
  width: 100%;
  box-sizing: border-box;
  min-height: 80px;
}
.table_td.fronts:hover, .table_td:hover{ background: #e1f5b8; }
.table_td.fronts h2, .table_td h2 { 
   color: #000; 
   font-size: 1em;
   display: inline;
   font-weight: normal;
   text-transform: uppercase;
}

.more_kat{width: 100%;}
.more_kat input[type=submit] { 
   background: yellowgreen;
   width: 100%;
   padding: 15px 0px;
   border: none;
   border-top: 1px solid #4e874e;
   font-weight: bold;
   cursor: pointer;
}
.more_kat input[type=submit]:hover { background: #007f0b; color: #fff; } 

.naglowek {
    padding-left: 150px;
    font-weight: bold;
}

.px15{ line-height: 20px; }
.txt_reg{margin: 25px 0px; font-size: 15px; text-align: justify;}
.txt_reg a{color: #08397b;}
.txt_reg_h1{font-weight: bold; margin: 31px 0px 7px 0px; font-size: 16px;}
.txt_reg_h2{text-transform: uppercase;}
.regack{width: 80%;margin: 10px auto; }
.row_reg_ack {display: flex; margin: 0px 0px 15px 0px;}
.reg_ackept{ margin: -2px 15px 0px 10px; text-align: justify;}
.reg_ackept a {color: #0048ff;}

.reg_tytul {
font-size: 21px;
font-weight: bold;
margin: 125px 0px 20px 0px;
}
.reg_par {
   font-weight: bold;
   margin-top: 38px;
   margin-bottom: 11px;
                              color: #608460;
}
.reg_tresc { font: 16px/20px sans-serif;}
.reg_tresc a {color: #29509f;}
ul {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
}
ul li {margin: 3px;}

a.a_style {
   color: white;
   background-color: #608460;
   padding: 0.5em 0.65em;
   border-right: 1px solid white;
   text-transform: uppercase;
   font-weight: bold;
   display: block;
   text-align: center;
   font-size: 1.2em;
}
a.a_style:hover { background-color: #9f2929; }
li {display: inline;}
.container { margin:0 auto; }

.left {
    margin: 60px 0 0;
    padding: 5px;
    display: grid;
    gap: 11px;
    align-content: flex-start;
}
.gridListKat {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
   padding: 40px 0;
}
.title_poz{
   position: relative;
   height: 130px;
   z-index: 25;
   padding: 20px 0 0 150px;
   font-weight: bold;
}
.title_poz h1{
   font-size: 1.2em;
}

.title_poz img{
   position: absolute;
   left: 0;
   top: 0;
   z-index: -99;
}

.noacces { color: #777;}
.noacces span { color: #007f0b;}
.ogl_info{
 margin: 30px 0;
 padding: 10px 0;
 border-top: 1px solid #999;
 border-bottom: 1px solid #999;
}
.ogl_info a{ color: #144ec5;}

.addFront{
   display: grid;
   grid-template-columns: 1fr 1fr;
   padding: 25px 0;
   justify-items: center;
}
.gratMenu {margin: 0 auto;}
.homeContent { 
   display: grid;
   grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1250px){
   .gridListKat {grid-template-columns: 1fr 1fr 1fr;}
   .homeContent {grid-template-columns: 1fr 1fr; }
}

@media (max-width: 950px){
   .gridListKat { grid-template-columns: 1fr 1fr;}
}

@media (max-width: 600px){
   a {padding: 15px 0;}
   .left a{padding: 0;}
   section {width: 90%;}
   .table_td.fronts{min-height: auto;}
   .footer_info, .footer_link {gap: 0;}
   footer {padding: 15px 0 80px;}
   ul{ flex-direction: column; width: 100%; }
   .addFront {
      grid-template-columns: 1fr;
      gap: 25px;
   }
   .homeContent {grid-template-columns: 1fr; }
   .gridListKat { grid-template-columns: 1fr;}
}