html, body {
    /* background-image: url('bg3.png');  */
    background-color: #bdcbd9;
    }
    .img {
    height: 100%;
      background-image: url('image.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }
    .logo {
        width: 50px; /* Zmieniaj wartość na odpowiednią wielkość */
        height: auto;
    }

    .navbar-nav .nav-link {
        font-size: 18px; /* Zwiększ czcionkę w linkach nawigacyjnych */
    }
    .container {
        margin: 10px;
        height: calc(100% - 20px);
        padding: 20px;
    }
    .content {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .imiona {
      background-image: url('ZofiaiJan.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      height: 100px;
    }
    .prezenty {
        min-height: 400px;
        flex-grow: 2;
        height: 100%;
    }
    .naglowek {
        margin: 5px;
    }
    .link {
    width: 100%;
      text-align: center;
    }
    table.table-bordered{
        border:1px solid #835f37;
      }
    table.table-bordered > thead > tr > th{
        border:1px solid #835f37;
    }
    table.table-bordered > tbody > tr > td{
        border:1px solid #835f37;
    }
    .navy {
        color: #3f4c57;
    }
    .gold {
        color: #835f37;
    }
    .table-hover tbody tr:hover {
        background-color: rgba(131, 95, 55,.2);
    }
    .table td.fit, 
    .table th.fit {
       white-space: nowrap;
       width: 1%;
    }
    .wrapper {
      padding: 20px;
      background: #eaeaea;
      max-width: 300px;
      margin: 20px auto;
      font-family:arial;
    }
    table a {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow-wrap: anywhere;
    }
    input[type=checkbox]
    {
      /* Double-sized Checkboxes */
      -ms-transform: scale(2); /* IE */
      -moz-transform: scale(2); /* FF */
      -webkit-transform: scale(2); /* Safari and Chrome */
      -o-transform: scale(2); /* Opera */
      padding: 10px;
      accent-color: #835f37;
    }
    .naglowek > img {
        width: 366px;
    }
    tr > td:last-of-type {
        text-align: center;
        vertical-align: middle;
    }
    .checked {
        color: rgb(50,50,50,0.5);
        background-color: rgb(50,50,50,0.2);
    }
    .checked a{
        color: rgb(50,50,50,0.5);
    }
    .numery {
        width: 300px;
    }
    .img_pan {
        width: 150px;
    }
    .img_panna {
        width: 162px;
    }
    .numery a {
        margin: 5px 0;
    }
    .linki {
        width: 300px;
        font-size: 14px;
    }
    .linki img, .linki-m img {
        width: 10px;
        font-size: 14px;
        margin: 0 2px;
    }
    .linki a, .linki-m a {
        color: #3f4c57;
        margin: 5px 0;
        animation: underline-animation 3s infinite;
    }
    .linki a:hover, .linki-m a:hover {
        text-decoration: underline rgba(0, 0, 0, 1);
        animation: none;
    }
    @keyframes underline-animation {
        0% {
            text-decoration: underline rgba(0, 0, 0, 0);
        }
        20% {
            text-decoration: underline rgba(0, 0, 0, 0);
        }
        54% {
            text-decoration: underline rgba(0, 0, 0, 0.5);
        }
        55% {
            text-decoration: underline rgba(0, 0, 0, 0.8);
        }
        56% {
            text-decoration: underline rgba(0, 0, 0, 0.5);
        }
        80% {
            text-decoration: underline rgba(0, 0, 0, 0);
        }
        100% {
            text-decoration: underline rgba(0, 0, 0, 0);
        }
    }
    .kwiaty_lg, .kwiaty_pg, .kwiaty_ld, .kwiaty_pd  {
        width: 100px;
        z-index: 1;
        position: absolute;
    }
    .kwiaty_lg, .kwiaty_pg {
        top: -55px;
    }
    .kwiaty_ld, .kwiaty_pd {
        bottom: -45px;
    }
    .kwiaty_lg {
        transform: rotate(-59deg);
        left: -50px;
    }
    .kwiaty_pg {
        transform: rotate(-121deg) rotateX(-180deg);
        right: -50px;
    }
    .kwiaty_ld {
        transform: rotate(-59deg);
        left: -34px;
    }
    .kwiaty_pd {
        transform: rotate(-121deg) rotateX(-180deg);
        right: -34px;
    }
    .kwiat_kont {
      width: 100px;
      overflow: hidden;
    }
    .kwiaty_bg {
        
    }
    @media screen and (min-width: 800px) {
        .mdisp {
            display: none !important;
        }
    }
    @media screen and (max-width: 800px) {
        .linki {
            display: none !important;
        }
        .numery {
            display: none !important;
        }
        .header {
            justify-content: center !important;
        }
        .mdisp {
            display: flex;
        }
        .linki-m {
            margin-top: 20px;
        }
        .linki-m a {
            margin: 2px 0;
        }
        .numery-m {
            margin: 2px 0 20px 0;
        }
    }
    h2 {
        color: #3f4c57;
    }