* {
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    
}

body {
    background-color: rgb(44, 44, 44);
    background-image: url(../img/bcg/tlo1.png);
    background-size: cover;
}

h1 {
    text-align: center;
    font-family: "Staatliches", sans-serif;
}

p {
    font-family: "DM Mono", monospace;
}

/* content upper */

.content-upper {
    margin-top: 2%;
}

.content-upper img {
    width: 40%;
    margin-left: 5%;
    border-radius: 35px 0px 35px 0px;
    filter: drop-shadow(10px 10px 30px black);
}

.content-opis1 {
    width: 50%;
    margin-left: 5%;
    float: right;
    font-size: 2em;
    color: rgb(222, 222, 222);
}

.content-opis1 b {
    font-size: 3em;
    color: rgb(222, 222, 222);
    font-family: "Faster One", system-ui;
}

@media only screen and (max-width:700px) {
    .content-upper img {
        width: 90%;
    }

    .content-opis1 {
        font-size: 0.9em;
        float: left;
        width: 90%;
        margin-top: 5%;
    }
}

@media only screen and (max-width:1500px) {
    .content-opis1 {
        font-size: 1.7em;
    }
}

@media only screen and (max-width:1300px) {
    .content-opis1 {
        font-size: 1.5em;
    }
}

@media only screen and (max-width:1150px) {
    .content-opis1 {
        font-size: 1.3em;
    }
}

@media only screen and (max-width:990px) {
    .content-opis1 {
        font-size: 1.1em;
    }
}

@media only screen and (max-width:840px) {
    .content-opis1 {
        font-size: 0.9em;
    }
}

/* opis jednostki */

.content-main {
    width: 60%;
    margin: auto;
    margin-top: 5%;

    color: rgb(222, 222, 222);
    font-size: 150%;
}

.content-main img {
    width: 50%;
    float: right;
    border-radius: 0% 25% 0% 25%;
    filter: drop-shadow(10px 10px 30px black);
}

.opis-16bkpow {
    background-color: rgb(44, 44, 44);
}

.opis-16bkpow a {
    color: rgb(231, 55, 55);
    text-decoration: underline;
}

@media only screen and (max-width:700px) {
    .opis-16bkpow {
        font-size: 80%;
    }

    .content-main {
        width: 85%;
    }

    .content-main h1 {
        background-color: rgb(44, 44, 44);
    }
}

/* Dołącz do nas */

.content-dolacz {
    width: 60%;
    margin: auto;
    margin-top: 5%;

    color: rgb(222, 222, 222);
    font-size: 150%;
}


.content-dolacz img {
    width: 40%;
    float: left;
}

.dolacz-p{
    background-color: rgb(44, 44, 44);
}

.dolacz-dsc {
    margin-top: 5%;
}

.content-dolacz a {
    display: block;
    color: rgb(222, 222, 222);
    font-size: 2em;
    font-weight: 700;
    text-decoration: none;
    width: 100%;

}

.content-dolacz button {
    border: 2px solid rgb(222, 222, 222);
    background-color: rgba(44, 44, 44, 0);
    width: 60%;
    padding: 2%;
    float: right;
}

.content-dolacz button:hover {
    background-color: rgb(22, 22, 22);
}

@media only screen and (max-width:700px) {
    .content-dolacz button {
        width: 100%;
        clear: both;
    }

    .content-dolacz p {
        font-size: 80%;
    }

    .content-dolacz {
        width: 85%;
    }

    .content-dolacz h1 {
        background-color: rgb(44, 44, 44);
    }
}


/* Footer */

.footer {
    clear: both;
    text-align: center;
    color: rgb(222, 222, 222);
    background-color: rgb(22, 22, 22);
}

@media only screen and (max-width:1500px) {
    .footer {
        margin-top: 15%;
    }
}

/* LightBox */

.LightBox {
    position: fixed;
    width: 100%;
    z-index: 2;
    text-align: center;
    background-color: rgba(22, 22, 22, 0.85);
}

.LightBox img{
    width: 80%;
    margin: auto;
}