.display-mobile {
    display: none;
}

.row {
    display: flex;
    flex-flow: row nowrap;
}

.col-1 {
    width: 4.1666666667%;
}

.col-2 {
    width: 8.3333333333%;
}

.col-3 {
    width: 12.5%;
}

.col-4 {
    width: 16.6666666667%;
}

.col-5 {
    width: 20.8333333333%;
}

.col-6 {
    width: 25%;
}

.col-7 {
    width: 29.1666666667%;
}

.col-8 {
    width: 33.3333333333%;
}

.col-9 {
    width: 37.5%;
}

.col-10 {
    width: 41.6666666667%;
}

.col-11 {
    width: 45.8333333333%;
}

.col-12 {
    width: 50%;
}

.col-13 {
    width: 54.1666666667%;
}

.col-14 {
    width: 58.3333333333%;
}

.col-15 {
    width: 62.5%;
}

.col-16 {
    width: 66.6666666667%;
}

.col-17 {
    width: 70.8333333333%;
}

.col-18 {
    width: 75%;
}

.col-19 {
    width: 79.1666666667%;
}

.col-20 {
    width: 83.3333333333%;
}

.col-21 {
    width: 87.5%;
}

.col-22 {
    width: 91.6666666667%;
}

.col-23 {
    width: 95.8333333333%;
}

.col-24 {
    width: 100%;
}

.navigate {
    background-color: #17191a;
    background-image: url("/images/mapa-izoliniowa.png");
    background-size: cover;
    padding-top: 4%;
    padding-bottom: 4%;
}
.navigate .row {
    color: #fff;
}
.navigate .row .road {
    margin-bottom: 6%;
}
.navigate .row .col-8 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
    position: relative;
    padding-bottom: 100px;
}
.navigate .row h3 {
    font-size: 60px;
}
.navigate .row span {
    color: #a9a9a9;
    padding: 10px 0px 10px 0px;
}
.navigate .row p {
    padding: 2px 0px 2px 0px;
}
.navigate .row .red-line {
    width: 100%;
    background: #c50404;
    height: 2px;
}
.navigate .row .track {
    position: absolute;
    bottom: 20px;
    right: 0px;
}
.navigate .row .track img {
    width: 80%;
}
.navigate .row .track:hover {
    transform: scale(1.2);
}
.navigate .row .all-day {
    position: absolute;
    top: 68px;
    right: 50px;
}

.navigate h2 {
    margin-top: 50px;
    display: inline-block;
    color: #fff;
    font-size: 35px;
    margin: 0px;
}

.navigate p {
    color: #fff;
}

.navigate a p {
    border-bottom: 2px solid #c50404;
}

.navigate a {
    color: #fff;
    text-decoration: none;
}

.navigate a:hover {
    color: #a9a9a9;
}

.navigate h3 {
    margin-bottom: 0px;
}

.content {
    width: calc(100% - 50px);
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
}

.scroll {
    border: 2px solid #bbb;
    border-radius: 25px;
    width: 25px;
    height: 50px;
}

.scroll::after {
    content: "";
    animation: scroll 1.5s ease-in-out 0s infinite;
    position: absolute;
    top: 7px;
    left: 7px;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background-color: #bbb;
}

@keyframes scroll {
    from {
        top: 7px;
    }
    to {
        top: 32px;
    }
}

footer .footer-noel {
    width: 100%;
    height: inherit;
    display: flex;
    justify-content: space-between;
    padding-top: 1%;
    padding-bottom: 1%;
    align-items: center;
    background: #17191a;
    color: #fff;
}
footer .footer-noel img {
    height: 50%;
}
footer .footer-noel a {
    margin-right: 5%;
}
footer .footer-noel p {
    margin-left: 5%;
    width: 50%;
}
footer .footer-noel a {
    text-decoration: none;
    color: #fff;
}
footer .footer-noel span::after {
    content: "\a";
    white-space: pre;
}

@media screen and (max-width: 992px) {
    .row {
        flex-flow: column nowrap;
    }

    .col-1 {
        width: 100%;
    }

    .col-2 {
        width: 100%;
    }

    .col-3 {
        width: 100%;
    }

    .col-4 {
        width: 100%;
    }

    .col-5 {
        width: 100%;
    }

    .col-6 {
        width: 100%;
    }

    .col-7 {
        width: 100%;
    }

    .col-8 {
        width: 100%;
    }

    .col-9 {
        width: 100%;
    }

    .col-10 {
        width: 100%;
    }

    .col-11 {
        width: 100%;
    }

    .col-12 {
        width: 100%;
    }

    .col-13 {
        width: 100%;
    }

    .col-14 {
        width: 100%;
    }

    .col-15 {
        width: 100%;
    }

    .col-16 {
        width: 100%;
    }

    .col-17 {
        width: 100%;
    }

    .col-18 {
        width: 100%;
    }

    .col-19 {
        width: 100%;
    }

    .col-20 {
        width: 100%;
    }

    .col-21 {
        width: 100%;
    }

    .col-22 {
        width: 100%;
    }

    .col-23 {
        width: 100%;
    }

    .col-24 {
        width: 100%;
    }

    .navigate {
        background-size: auto;
    }

    .display-mobile {
        display: block;
    }

    .navigate .row .all-day {
        right: 0px;
    }
}