div.top-row {display:grid;grid-template-columns: 1fr 1fr;align-items:end;margin: 0 5px 8px;gap:8px}

            div.top-row >div {overflow:hidden}

            div.top-row .solny {overflow:hidden ;grid-row:1 / 2;grid-column:2;}
            div.top-row .solny>div {padding:10px;background:#ddddff;border:1px solid #aaaabb;text-align:justify;
            position:absolute;top:85px;bottom:0px;overflow:hidden}

            div.top-row .solny div p {font-size:14px}
            div.teksty  div p {font-size:14px}
            div.teksty  div li {font-size:14px}

            div.news >div {max-height:50px;position:relative}
            div.news ul {padding-left:10px}
            div.news {overflow-y:scroll;min-height:200px}
            div.news  div.a.red {position:sticky;top:0}
            
            div.teksty {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin:0 5px 8px; gap: 8px;}

            div.teksty   p{ padding:0 5px}

            div.teksty >div  {border: 1px solid #ddd;background:#eee}



            div.news ul li {
                color: brown
            }

            div.my3.news>div>ul {
                max-height: 89%;
            }

            .my-title {
                font-size: 20px;
                text-align: center;
                margin: 3px;
            }


            div.my3 div.a.red {
                position: relative;
                text-align: center;
                top: 0px;
                border: none;
                border-radius: 10px;
                font-size: 15px;
                font-weight: bold;
                margin: 5px 5px 0;
                white-space: normal
            }

            div.my3 div.a.red span {
                font-size: 15px;
            }

            .news img {
                width: 35%;
                float: right;
                padding-left: 10px

            }

            img.solny {
                float: right;
                width: 40%;
                max-width: 240px;
                /* border: 5px solid white; */
                box-shadow: 0px 0px 4px #aaa;
                margin: 0  0 5px 10px;
            }


            .my-tabs {
                box-sizing: border-box;
                float: left
            }


            @media screen and (max-width:1100px) {

			div.top-row {grid-template-columns: 2fr 1fr}

            div.teksty {grid-template-columns: 1fr 1fr 1fr}
            div.teksty >div {grid-column: span 2;height:auto;}
            div.teksty >div.news {grid-column: -2 / -1;grid-row: 1/4;height:auto;}


            }




/*            @media screen and (max-width:950px) {

            div.top-row {grid-template-columns: 1fr 1fr }

			 } */
            @media screen and (max-width:800px) {



			div.top-row > div.solny > div{position:relative;height:auto;top:0;}

			div.top-row {display:flex;flex-direction:column;}
                .my-tabs {
                    padding-bottom: 0;
                    height: auto;
                    width: 100%;
                }


                img.solny {
                    width: 20%;
                    min-width: 150px
                }

                #siedziba {
                    display: none
                }

                img.solny {
                    margin-bottom: 10px
                }
            }

            @media screen and (max-width:600px) {
                #siedziba {
                    display: none;
                }
            }

            @media screen and (max-width:600px) {
                div.teksty {display:flex;flex-direction:column} 

	       }


            .mapki {
                height: 200px;
                width: 100%;
                color: black;
                margin: 10px auto;
            }

            .li {
                cursor: pointer;
            }

            .li:hover {
                text-decoration: underline
            }