body {
    background-color: black;
    position: relative;
    background-size: 100%;
}

.zdjecie {
    width: 100%;
    height: auto;
}

.main {
    font-family: 'Zilla Slab', Bold;
    margin-top: 1%;
    margin-bottom: 1%;
    color: rgb(255, 255, 255);
}

.mapa {
    height: auto;
    padding-bottom: 0%;
    position: relative;
}

.mapa iframe {
    float: left;
    margin: 2%;
    height: 1080px;
    width: 96%;
    left: 0;
    top: 0;
}

.opis {
    width: 31%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 3%;
    margin-top: 2%;
    float: left;
    border-right-style: solid;
    border-color: yellow;
}

.opis2 {
    width: 31%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 3%;
    margin-top: 2%;
    float: left;
    border-right-style: solid;
    border-color: yellow;
}

.opis3 {
    width: 25%;
    margin-left: 2%;
    margin-right: 1%;
    margin-bottom: 3%;
    margin-top: 2%;
    float: left;
}

.opisd {
    width: 20%;
    margin-top: 1.5%;
    margin-left: 10%;
    margin-right: 2%;
    margin-bottom: 1.5%;
    float: left;
}

.opisd2 {
    position: center;
    width: 10%;
    margin-top: 1.5%;
    margin-left: 10%;
    margin-right: 2%;
    margin-bottom: 1.5%;
    float: left;
}

.opisd3 {
    width: 25%;
    margin-top: 1.5%;
    margin-left: 10%;
    margin-right: 2%;
    margin-bottom: 1.5%;
    float: left;
}

.info {
    width: 100%;
    float: left;
    background-color: white;
}

.info a {
    display: block;
    color: rgb(0, 0, 0);
    text-align: center;
    text-decoration: none;
}

@media screen and (max-width: 800px) {
    .opis, .opis2, .opis3 {
      width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
      margin-right: 2%;
      border-top-style: solid;
      border-top-color: yellow;
      border-right-color: black;
    }
    .opis {
        border-top-color: black
    }

    .opisd, .opisd2, .opisd3 {
        width: 24%;  /*The width is 100%, when the viewport is 800px or smaller */
    }
    .opisd2 {
        margin-left: 6%;
        margin-right: 1%;
        /*width: 20%;  The width is 100%, when the viewport is 800px or smaller */
    }
    .opisd {
        margin-left: 2%;
        /*width: 20%;  The width is 100%, when the viewport is 800px or smaller */
    }
}