.news {
    text-align: center;
    margin: 0 auto;
    margin-top: 60px;
}

.news header h1 {
    font-size: 2em;
    color: blue;
    width: fit-content;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.news header {
    margin-bottom: 40px;
    width: fit-content;
    margin: 0 auto;
}

.newsy {
    margin: 0 auto;
    width: fit-content;
    margin-bottom: 20px;
    display: flex; /* flexbox */
    flex-wrap: wrap; /* zawijanie elementów */
    justify-content: center; /* wyśrodkowanie elementów */
}

.new {
    width: 325px;
    height: 450px; /* ustalamy wysokość */
    border-radius: 16px; /* zaokrąglone rogi */
    box-shadow: 8px 8px 48px #c6cfd8; /* cień */
    margin: 20px;
    display: flex; /* flexbox */
    flex-direction: column; /* układ kolumnowy */
    justify-content: space-between; /* odstępy między elementami */
    padding-bottom: 20px;
}

.new img, .new p {
    max-width: 100%; /* maksymalna szerokość obrazu lub tekstu */
    height: auto; /* zachowanie proporcji */
    margin: auto; /* wyśrodkowanie */
    padding: 10px;
    box-sizing: border-box; /* uwzględniamy padding w obliczeniach */
    overflow: hidden; /* ukrywamy ewentualne przepełnienie */
}

.new button {
    width: 80%;
    margin: 0 auto; /* wyśrodkowanie poziome */
}

.new h3, p{
    text-align: left;
}

.przyski{
    float: right;
    margin-right: 4%;
}

.przycisk{
    padding: 7px 18px;
    margin-top: 0;
}


.contact{
    width: 100%;
    background-color: #f7f7f7;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
    margin-top: 60px;
}