@charset "utf-8";
#navigation,
.navBar {
    width: 100%;
}
#navigation a {
    cursor: pointer;
    display: block;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.navBar {
    position: fixed;
    z-index: 100;
    height: 1px;
    background-color: transparent;
}
@media (max-width: 768px) {
    .navBar {
        background-color: #0c0;
        border-bottom: solid 1px #fff;
        height: 50px;
    }
}
.navbar-mini-menu {
    display: none;
}
.tytul {
    font-size: 1.2em;
    text-transform: none;
}
.tytul a,
.tytul a.active,
.tytul a:hover {
    color: #fff;
}
.navbar-mini-menu .menu-select {
    color: #fff;
    padding: 0.5em 1em;
}
.navbar-mini-menu .menu-select .btn-select {
    background: url(../img/icon.png) no-repeat;
    cursor: pointer;
    position: absolute;
    height: 1.875em;
    width: 1.875em;
    right: 0.75em;
    top: 0.55em;
}
.navbar-mini-menu .mini-menu-options {
    display: block;
    background: #06f;
}
.navbar-mini-menu .mini-menu-options li {
    display: block;
    font-size: 1.2em;
}
.navbar-mini-menu .mini-menu-options li:focus {
    outline: 0;
}
.navbar-mini-menu .mini-menu-options li a {
    display: block;
    padding: 1em 1.5em;
    color: #fff;
}
.navbar-mini-menu .mini-menu-options li a.active {
    background: #03f;
}
.mini-menu-options li a:last-child {
    border-bottom: 1px solid #fff;
}
@media screen and (max-width: 768px) {
    .navbar-mini-menu .mini-menu-options li {
        display: block;
        font-size: 1em;
    }
    #navigation a:hover {
        background-color: #09f;
    }
    #navigation .tytul a:hover {
        background-color: transparent;
        color: #fff;
    }
    .tytul {
        font-size: 1.2em;
    }
    .navbar-mini-menu {
        display: block;
    }
    .navbar-mini-menu .mini-menu-options {
        display: none;
        border-top: #fff solid 1px;
    }
}
@media screen and (max-width: 320px) {
    .tytul {
        font-size: 1em;
    }
    .navbar-mini-menu .menu-select {
        padding: 0.5em 0.5em 1em;
    }
}
.menuMain {
    background: #09f;
    color: #fff;
    margin: 0 auto;
    padding-top: 1.3em;
    padding-bottom: 1.3em;
}
.menuMain .col {
    margin: 1% 0 1% 1.6%;
}
.menuMain .col:first-child {
    margin-left: 0;
}
@media only screen and (max-width: 580px) {
    .menuMain .col {
        margin: 0;
    }
}
.menuMain p {
    text-align: center;
}
.menuMain a {
    color: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.menuMain a:hover {
    color: #6cf;
}
.colD {
    display: block;
    float: left;
    margin: 2% 0 2% 1.6%;
}
.kolD_1_of_4 {
    width: 23.8%;
}
.colD:first-child {
    margin-left: 0;
}
@media only screen and (max-width: 580px) {
    .colD {
        margin: 1% 0;
    }
    .kolD_1_of_4 {
        width: 100%;
    }
}
.menuMain h2 {
    font-size: 1.2em;
    font-weight: 700;
    padding-top: 1%;
    text-transform: uppercase;
}
@media (min-width: 381px) and (max-width: 480px) {
    .menuMain h2 {
        padding-bottom: 0.5em;
        font-size: 1em;
    }
}
@media (max-width: 380px) {
    .menuMain h2 {
        padding-bottom: 0.75em;
        font-size: 0.8em;
    }
}
.linksMain li {
    padding-bottom: 0.5em;
    font-size: 1em;
    text-transform: uppercase;
}
@media (min-width: 681px) and (max-width: 868px) {
    .linksMain li {
        font-size: 0.8em;
    }
}
@media (min-width: 581px) and (max-width: 680px) {
    .linksMain li {
        font-size: 0.7em;
    }
}
@media (min-width: 481px) and (max-width: 580px) {
    .linksMain li {
        font-size: 0.8em;
    }
}
@media (min-width: 381px) and (max-width: 480px) {
    .linksMain li {
        font-size: 0.8em;
    }
}
@media (max-width: 380px) {
    .linksMain li {
        font-size: 0.8em;
        padding-left: 1.5em;
        text-align: left;
    }
}
.linksSocial {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.linksSocial img {
    width: 80%;
}
@media (min-width: 481px) and (max-width: 580px) {
    .linksSocial {
        width: 40%;
        margin: 0 auto;
    }
}
@media (min-width: 381px) and (max-width: 480px) {
    .linksSocial {
        width: 60%;
        margin: 0 auto;
    }
}
@media (max-width: 380px) {
    .linksSocial {
        width: 80%;
        margin: 0 auto;
    }
}
.stopka {
    clear: both;
    margin: 0 auto;
    font-family: Nunito, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #fff;
}
.stopka::after {
    content: " 2005-2025 anglomaniacy.pl. All rights reserved.";
}
@media (max-width: 768px) {
    .stopka {
        font-size: 0.75em;
    }
}
@media (max-width: 580px) {
    .stopka {
        text-align: center;
    }
}