html,
body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

/*-----------------------------------*/
/* Navigation */
.navbar {
    font-family: 'Blinker', sans-serif;
    padding: .8rem;
}

nav {
    background-color: #063f85;
}

.nav-link {
    font-size: 1.3em !important;
}

.navbar-nav li {
    padding-right: .8em;
}

.logo-nav {
    width: 200%;
    height: 200%;

}

.navbar-brand {
    width: 1%;
}

/* ikonki i napisy na navie */
.fa-phone-volume {
    font-size: 1.8em;
    color: white;
    transform: translateY(-12%);
}


.navbar-text i {
    transform: translateY(-12%);
    color: white !important;
    font-size: 1.5em;
    margin-right: .3rem;
}

.navbar-text :not(.fas) {
    color: white !important;
    font-size: 1.5em;
    margin-right: 1.5rem;
}


.fa-map-marker-alt {
    color: white;
    font-size: 1.5em;
    transform: translateY(-12%);
}

.fa-square-check {
    font-size: 1.5rem;
    transform: translateY(+7%);
    margin-right: 3%;
}

/*-----------------------------------*/
/* Specjalne klasy żeby łatwiej dodawać padding do elementów */

.padding {
    padding-bottom: 2rem;
}

.padding-right {
    padding-right: .5em;
}

.span-border {
    padding: .3em .3em;
    border: 1px solid black;
}

/*-----------------------------------*/
/* alert */
.alert {
    z-index: 10000 !important;
    width: 25% !important;
    margin: .5rem 0 0 .5rem !important;
}


/*-----------------------------------*/
/* karuzela */

.carousel-item {
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    font-family: 'Rajdhani', sans-serif;
}

.blur {
    filter: blur(7px);
}


.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 5em;
    height: 5em;
}

.carousel-caption h1,
.carousel-caption h3 {
    text-transform: uppercase;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.longer {
    font-size: 5.3em !important;
}

.shorter {
    font-size: 7em !important;
}

.shorterr {
    font-size: 6.5em !important;
}

.carousel-caption h3 {
    color: white;
    font-size: 3rem;
    font-weight: 500;
    padding-bottom: 1rem;

}


/*-----------------------------------*/
/* welcome header */


.welcome {
    width: 75%;
    margin: 0 auto;
    padding-top: 2rem;
}

.welcome hr {
    border-top: 2px solid #b4b4b4;
    width: 95%;
    margin-top: .3rem;
    margin-bottom: 1rem;
}


/*-----------------------------------*/
/* Ikonki pod karuzelą */

/* mapa */
.fa-map-marked-alt {
    color: #063f85;
    font-size: 5em;
}

.dojazd h3,
.kontakt h3 {
    font-size: 2em;
}

.dojazd h3,
p,
.mail h3,
p {
    color: black;
}

.dojazd,
.mail a,
.numer {
    text-decoration: none;
}

/* telefon */
.fa-mobile-alt {
    font-size: 5em;
    color: #063f85;
}

/* znaczek maila */
.mail i {
    color: #063f85;
    font-size: 5em;
}

/*-----------------------------------*/
/* Rodo */
.hidden-rodo {
    width: 100%;
    margin-bottom: 2rem;
}

a.rodo {
    color: red;
}

.rodo-back-btn {
    padding: none;
    margin: none;
    border: none;
    background: none;
    position: sticky;
    z-index: 2137;
    float: right;
    top: 10%;
}

.fa-chevron-circle-up {
    font-size: 2em;
    color: #063f85;
}


/*-----------------------------------*/
/* Footer */
footer {
    background-color: #3f3f3f;
    color: #d5d5d5;
    padding-top: 2rem;
}


footer p {
    color: #d5d5d5;
}

/*-----------------------------------*/
/* stylizacja poziomych kresek*/
hr.light-100 {
    border-top: 1px solid #d5d5d5;
    width: 100%;
    margin-top: .8rem;
    margin-bottom: 1rem;
}

hr.light {
    border-top: 2px solid #d5d5d5;
    width: 75%;
    margin-top: .8rem;
    margin-bottom: 1rem;
}

.hr-big {
    border-top: 2px solid #b4b4b4;
    width: 95%;
    margin-top: .3rem;
    margin-bottom: 1rem;
}

.hr-kontakt {
    border-top: 1px solid #b4b4b4;
    width: 65%;
    margin-top: .3rem;
    margin-bottom: 1rem;
}

/*-----------------------------------*/
/* Certyfikat */

.certyfikat {
    border: .3em solid #063f85;
}

/*-----------------------------------*/
/* Oferta */

#mobile-oferta-elements {
    display: none;
}

#oferta-elements {
    display: initial;
}

/* ikona przy elementach ofert */
.fa-greater-than {
    font-size: .8em;
}


/*-----------------------------------*/
/* idk jakieś nadpisanie czegoś */

.lead-big {
    font-size: 1.7rem;
    font-weight: 300;

}

.lead-bigger {
    font-size: 2.3em;
    font-weight: 300;
}


/*-----------------------------------*/
/* Formularz kontaktowy */

form {
    border-left: 1px solid black;
    border-right: 1px solid black;
    z-index: 4;
    background-color: white;
}

#contact-form h1 {
    font-size: 2rem !important;
}

#contact-form button {
    width: 100% !important;
}

.send-btn {
    max-width: 75% !important;
    margin: 0 0 2% 12.5%;
}

.mail {
    padding-bottom: .4em;
    padding-top: .3em;
    padding-left: .8em;
}

.message {
    padding-top: 1.2em;
    padding-bottom: .3em;
    padding-left: .8em;
}

.form-control {
    width: 95%;
    margin: auto;
}

.btn-info {
    width: 95%;
    border-radius: 1em;
    margin: .7em auto 0;
}


/*-----------------------------------*/
/* TABELKA */
.thead-dark {
    background-color: #000;
    color: white;
}

.hide {
    display: none;
}

/*-----------------------------------*/
/* FOOTER */
.logo-footer {
    width: 8%;
}

/*-----------------------------------*/
/*MEDIA QUERIES*/

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    #contact-form,
    #alert {
        display: none;
    }

    .logo-footer {
        width: 30%;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

    /* zmniejszenie fontu w tabelce */
    th,
    td {
        font-size: 0.7rem;
    }

    .logo-footer {
        width: 20%;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

    /* wywalenie ikonek z navbaru zeby sie nie psuł na telefonie */
    .fa-phone-volume,
    .fa-map-marker-alt,
    .navbar-brand {
        display: none !important;
    }

    /* nadpisanie żeby tekst sie mieścił */
    .display-4,
    .display-3 {
        font-size: 3rem !important;

    }



    #cennik-link h1 {
        font-size: 2rem !important;
        font-weight: 700;
    }

    #cennik p,
    #certyfikat p {
        font-size: 1.3rem;
    }

    /* zmiana oferty z pc na mobile */
    #oferta-elements {
        display: none;
    }

    #mobile-oferta-elements {
        display: initial;
    }

    .logo-footer {
        width: 20%;
    }


    #tabela-div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    th {
        font-size: 0.8rem;
    }


}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

    /* wywalenie karuzeli */
    #slides {
        display: none;
    }

    #top-text {
        margin-top: 3rem;
    }




}