/*
OBOWIĄZUJĄ PRAWA AUTORSKIE
PROSZĘ NIE KOPIOWAĆ I NIE ROZPOWSZECHNIAĆ TEGO KODU CSS
AUTOR: MATEUSZ
DATA MODYFIKACJI: 01.06.2023 r.
*/

body {margin: 0;font-family: arial;}
.artykuly {display: flex;gap: 10px;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.artykuly .a {width:290px;height:auto;display:block;text-decoration: none;color:#000000;}
.artykuly .a:hover{text-decoration:underline;}
.inf {display:flex;align-items: center;width: 100%;}
.inf .right {margin-left:auto;}
.c {width: 900px;height:auto;margin:auto;padding-top:10px;margin-bottom: 40px;}
.c .img {width:650px;height:auto;cursor:zoom-in;}
.logo {color:#ffffff;background-color:#000000;width:900px;margin:auto;border-radius:20px;padding:10px 20px;margin-top:10px;}
.logo p {font-size:22px;font-weight:bold;margin:0;padding:0;}
.stopka-redakcyjna {border-top-left-radius: 20px;border-top-right-radius: 20px;background-color: #000000;color: #ffffff;width:900px;margin:auto;min-height: 100px;display: flex;justify-content: flex-start;padding: 30px;flex-wrap: wrap;}
.stopka-redakcyjna div {width: 200px;}
.stopka-redakcyjna div p {font-size: 12px;}
.stopka-redakcyjna div b {font-size: 18px;}
.stopka-redakcyjna div p a {text-decoration: none;color: #ffffff;text-decoration: underline;}
@media screen and (max-width: 500px){.c {width:auto;padding: 10px 10px 0 10px;}.c .img {width:100%;height:auto;}.artykuly {justify-content: center;}
.logo {width:auto;border-radius:0px;margin-top:0px;} .stopka-redakcyjna {width: auto;justify-content: center;}}
.button {background-color: #000000;color: #ffffff;border: none;border-radius: 10px;cursor: pointer;padding: 8px 15px;font-size: 14px;}