.stopka {
    background: #444444;
    color: #ffffff;
}

.stopka a {
    color: #ffffff;
    text-decoration: none;
}

.stopka .copyright {
    color: #aaaaaa;
    font-size: .9rem;
    font-weight: 600;
    text-transform: uppercase;
}

.stopka .ikona .ion {
    font-size: 1.2rem;
}

.stopka .linia {
    background: #777777;
    margin-bottom: 2rem;
}

.stopka .linki a {
    color: #aaaaaa;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.4rem;
    text-transform: uppercase;
}

.stopka .lista {
    display: block;
    list-style: none;
    padding: 0;
    text-align: center;
}

.stopka .lista li {
    display: inline-block;
}

.stopka .lista li a {
    display: block;
    line-height: 1.9rem;
    font-size: .9rem;
    font-weight: 600;
    padding: .5rem;
    text-transform: uppercase;
}

.stopka .logo {
    display: inline-block;
    margin-bottom: 2rem;
    max-width: 300px;
}

.stopka .modal .close .ion {
    font-size: 1rem;
}

.stopka .modal .modal-content {
    border: none;
    border-radius: 2px;
    color: #333333;
}

.stopka .modal .modal-footer {
    border-top: none;
}

.stopka .modal .modal-footer .zamknij-modal {
    font-size: .9rem;
    padding: .25rem 1rem;
}

.stopka .modal .modal-header {
    border-bottom: none;
}

.stopka .modal .modal-header .modal-title {
    font-size: 1rem;
    text-transform: uppercase;
}

@media (min-width: 1200px) {
    .stopka .modal .modal-dialog {
        max-width: 1000px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .stopka .modal .modal-dialog {
        max-width: 90%;
    }
}

@media (max-width: 991px) {
    .stopka .logo {
        max-width: 250px;
    }
}