@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

html {

}

body {
    font-family: 'Roboto Condensed', sans-serif !important;
    position: relative;
}

.navbar-nav {
    /*flex-direction: row;*/
}

.nav-link {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}

nav.navbar{
    background-color:#ccc;
/*// Animation*/
-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.bg-dark {
    background-color: rgba(0,0,0,0.8) !important;
}

.logo {
    min-height: 80px;
    max-height: 80px;
}

nav.navbar.shrink .logo {
    min-height: 60px;
    max-height: 60px;
}

#home {
    padding-top: 0;
}

.uslugi {
    background: #ffc211;
    /*background: #138a9e;*/
    color: #FFF;
    min-height: 500px;
    padding-bottom: 4rem;
}

    .uslugi .jumbotron {
        background: #ffc211;
        padding-top: 80px;
        padding-bottom: 1rem;
    }

    .uslugi-lista {
        font-size: 1.2rem;
    }

.klienci {
    background: #030305;
    color: #FFF;
    min-height: 500px;
    /*padding-bottom: 4rem;*/
}

    .klienci .jumbotron {
        background: #030305;
        padding-top: 80px;
        padding-bottom: 1rem;
    }

    .klienci .img-thumbnail {
        margin-bottom: 15px;
    }

.opinie {
    background: #030305;
    color: #FFF;
    min-height: 500px;
    padding-bottom: 4rem;
}

    .opinie .jumbotron {
        background: #030305;
        padding-top: 80px;
        padding-bottom: 1rem;
    }

.kontakt {
    background: #ffc211;
    color: #FFF;
    min-height: 500px;
    padding-bottom: 4rem;
}

    .kontakt .jumbotron {
        background: #ffc211;
        padding-top: 80px;
        padding-bottom: 0.5rem;
    }

    .fast-contact {
        font-size: 1.1em;
    }

footer {
    background-color: #030305;
    color: #FFF;
    min-height: 100px;
}
    footer h5 {
        text-align: center;
        margin-top: 35px;
    }

    footer .text-muted {
        color: #ffc211 !important;
    }

    footer a {
        color: #fff;
    }

    footer a:hover {
        color: #fff;
    }

@media screen and (max-width: 991px) and (min-width:601px){
    .bg-dark {
        background-color: rgba(0,0,0,1) !important;
    }
    #home {
        padding-top: 80px;
    }
}

@media screen and (max-width: 600px) {
    .bg-dark {
        background-color: rgba(0,0,0,1) !important;
    }
    #home {
        padding-top: 60px;
    }
    .logo {
        min-height: 60px;
        max-height: 60px;
    }

    nav.navbar.shrink .logo {
        min-height: 40px;
        max-height: 40px;
    }

}