body {



    text-align: center;

    font-family: 'Lato', sans-serif;

    font-weight: 10;

    width: 100%;

    overflow-x: hidden;



}



@font-face {

    font-family: 'Avenir Next LT Pro Regular';

    font-style: normal;

    font-weight: normal;

    src: local('Avenir Next LT Pro Regular'), url('AvenirNextLTPro-Regular.woff') format('woff');

}



@font-face {

    font-family: 'fontello';

    src: url('./font/fontello.eot?30695576');

    src: url('./font/fontello.eot?30695576#iefix') format('embedded-opentype'),

    url('./font/fontello.woff?30695576') format('woff'),

    url('./font/fontello.ttf?30695576') format('truetype'),

    url('./font/fontello.svg?30695576#fontello') format('svg');

    font-weight: normal;

    font-style: normal;

}



.demo-icon {

    font-family: "fontello";

    font-style: normal;

    font-weight: normal;

    speak: none;

    display: inline-block;

    text-decoration: inherit;

    width: 1em;

    margin-right: .2em;

    text-align: center;

    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/

    font-variant: normal;

    text-transform: none;



    /* fix buttons height, for twitter bootstrap */

    line-height: 1em;



    /* Animation center compensation - margins should be symmetric */

    /* remove if not needed */

    margin-left: .2em;



    /* You can be more comfortable with increased icons size */

    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;



    /* Uncomment for 3D effect */

    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}



.col-md-6 a {

    color: white;





}



.h26 {



    padding-top: 5%;

}



.cv {

    text-align: left;

    text-justify: inter-word;

    margin: auto;

    height: 100%;

    background-color: white;

    color: black;

    word-spacing: 5px;

    padding: 5%;

    padding-top: 2%;

    

    margin-left: 10%;

    margin-right: 10%;

    line-height: 1.5em;

    font-size: 1em;

}



.cvpic {

    width: 10em;

}



.kll {

    margin: 10%;

    margin-bottom: 0;

}



.kll2 {

    margin: 10%;

    margin-top: 0;

}



.zespolblue {

    line-height: 1.6em;

    font-size: 1.3em;

    padding-top: 2%;

}



.main {

    text-align: center;

    margin: auto;

    height: 100vh;

    background-image: url("backlb.jpg");

    background-size: cover;

    color: white;

    padding-top: 10%;

    padding-left: 10%;

    padding-right: 10%;

    line-height: 2.5em;

}

#mapa {

   padding-right: 5%;





}

.mapa {

    width: 110%;

}





.main2 {

    text-align: center;

    margin: auto;

    height: 20vh;

    background-image: url("backlb.jpg");

    background-size: cover;

    color: white;

    padding-top: 10%;

    padding-left: 10%;

    padding-right: 10%;

    line-height: 2.5em;





}



.main3 {

    text-align: center;

    margin: auto;

    height: 33vh;

    background-image: url("backlb.jpg");

    background-size: cover;

    color: white;

    padding-top: 1%;

    padding-left: 10%;

    padding-right: 10%;

    line-height: 2.5em;

    clear: both;

}



.main4 {

    text-align: center;

    margin: auto;

    height: 33vh;

    background-image: url("backlb.jpg");

    background-size: cover;

    color: white;

    padding-top: 1%;



    padding-left: 10%;

    padding-right: 10%;

    line-height: 2.5em;

    clear: both;

}



.float {

    float: left;

    width: 50%;

}



.picprez {

    width: 80%;

    margin-top: 20%;

    margin-bottom: 20%;

}



.linia {



    margin-top: 0.5em;

    margin-bottom: 0.5em;

    margin-left: auto;

    margin-right: auto;

    border-style: inset;

    border-width: 1px;

    color: black;

    background-color: black;

    size: 0.5px;

    width: 100%;
    clear: both;

}



.wiecej {

    color: white;

}



.ha4 {

    line-height: 2.5em;

}



.buttondiv {

    margin-top: 20%;

    height: 50%;

}



.incolmd4 {

    height: 50%;

}



.row {

    width: 100%;

    margin-left: 0.3%;

    margin-right:10%;





}



.kontakt {

    text-align: left;

    margin: auto;

    padding: 10%;

    padding-top: 5%;

    height: 70vh;

    background-image: url("backlb.jpg");

    background-size: cover;

    color: white;

    line-height: 2.5em;

}

.kont-h2 {

    margin-bottom: 15%;

}



.headti {



    font-weight: 400;

    font-size: 4em;

    font-family: 'Lora', serif;

}



.headtu {



    font-weight: 400;

    font-size: 2em;

    font-family: 'Playfair Display SC', serif;

}



.obraz {

    width: 10%;

    height: 20%;

}



.prez {

    width: 70%;

}



.obraz2 {

    height: 50%;

    width: 30%;





}



.obrazek {

    width: 10%;

    visibility: hidden;

}



.head {

    margin: 3%;

    font-size: 1.3em;



    word-spacing: 5px

}



h2 {

    font-family: 'Lora', serif;

}



.h2 {

    height: 40%;

    min-height: 40%;

    padding-top: 10%;



}



.pe {

    height: 60%;

    line-height: 2em;

    padding-top: 14%;

    font-size: 1.1em;

    font-weight: 200;

}



.clientlogo {

    border: solid 1px gray;



    height: 30vh;

}



.logocl {

    width: 90%;

    margin-top: 10%;



}



.a,

.b {

    text-align: center;

    text-justify: inter-word;

    margin: auto;

    height: 100%;

    background-color: white;

    color: black;

    word-spacing: 5px;

    padding: 5%;

    padding-top: 3%;

    padding-bottom: 7%;

    margin-left: 15%;

    margin-right: 15%;

    line-height: 2em;

    font-size: 1.3em;

}



.ccc {

    margin-bottom: 7%;

    margin-left: 15%;

    margin-right: 15%;

    margin-top: 5%;

}



.col-sm-6 {

    text-align: center;

}



.vvv {

    background-color: #142A5B;

    color: white;

    border-radius: 35px;

    width: 80%;

    margin: auto;

    height: 20vh;

}



.lista-inw {

    width: 60%;

    margin: auto;

}



.navbar {

    background: none;

    color: white;

    border-bottom: 1px lightgray solid;

    font-size: 1.2em;

}



.navbar-default .navbar-nav > li > a {

    color: white;







}



.navbar-default {

    background: transparent;



    color: white;

}



.navbar-nav > li > a:hover {

    color: #1a1a1a;

}



.collapse.in {

    border: none;

    background-color: white;

    color: black;



}



.navbar-inverse .navbar-nav > .active > a,

.navbar-inverse .navbar-nav > .active > a:hover,

.navbar-inverse .navbar-nav > .active > a:focus .spacer {

    background-color: #888;

}



.spacer {

    height: 100px;

}





#q {

    background-image: url(2.jpg);

    background-size: cover;

    height: 30em;

}



#w {

    background-image: url(4.jpg);

    background-size: cover;

    height: 30em;

}



#e {

    background-image: url(3.jpg);

    background-size: cover;

    height: 30em;

}



#r {

    background-image: url(1.jpg);

    background-size: cover;

    height: 30em;

}



#t {

    background-image: url(5.jpg);

    background-size: cover;

    height: 30em;

}



#y {

    background-image: url(6.jpg);

    background-size: cover;

    height: 30em;

}



.col-md-4 {

    text-align: center;

    padding: 3%;

    color: white;

    font-weight: 700;

    font-size: 1.1em;

    line-height: 3em;



}







.text {

    position: relative;

    height: 50em;

    width: 30em;

    display: inline-block;

}



.przycisk {

    width: 35%;

    height: 30%;

    background: none;

    border-radius: 35px;

    font-size: 1.2em;

    border: white 1px solid;

    padding: 1%;

}



.przycisk:hover {



    background-color: #142A5B;

    color: white;

    border-color: #142A5B;

}



.przycisk:visited {



    background-color: #142A5B;

    color: white;

}



.stopka {

    text-align: center;

}



.stwew {

    margin: auto;

}



/*



Responsywność





*/



@media only screen and (max-width: 1460px) {



    .main {



        height: 100%;

        padding-bottom: 5%;





    }

    .main4 {

        height: 60vh;

    }

    .colszesc {

        width: 50%;

    }

    .przycisk {

        font-size: 1em;

    }



    .col-md-4 {

        text-align: center;

        padding: 5%;

        padding-bottom: 7%;

        color: white;

        font-weight: 700;

        font-size: 1.1em;





    }

    .buttondiv {

       

    }



    .incolmd4 {

        height: 80%;

        min-height: 80%;

    }

    .kontakt {

        height: 100%;

    }

    @media only screen and (max-width: 1400px) {}

    .h26 {



        padding-top: 0;

    }

    .col-sm-4 {



    }

    .col-sm-8 {

        width: 100%;

    }



    .main3 {

        height: 70vh;

    }

    .kont-h2 {

    margin-bottom: 18%;

}

    .mapa {

        padding-top: 20%;

        width: 110%;

    }

}



@media only screen and (max-width: 800px) {

    .obraz {

        width: 12%;



    }

    .logocl {

        width: 100%;

        margin-top: 1%;





    }

    .colszesc {

        width: 100%;

    }

    .main4 {

        height: 100%;

    }

    .picprez {

        width: 100%;

        margin-top: 20%;

        margin-bottom: 20%;

    }

    .float {

        float: none;

        width: 100%;

    }

    .lista-inw {

        width: 100%;

        margin: auto;

    }

    .vvv {

        background-color: #142A5B;

        color: white;

        border-radius: 35px;

        width: 100%;

        margin: auto;

        height: 30vh;

        font-size: 1em;

    }

    .col-md-6 {

        width: 100%;

        margin: 0;

    }

    .a,

    .b {

        height: 100%;

        padding-bottom: 10%;

    }

    .main {



        height: 100%;







    }

    .przycisk {



        width: 60%;

        min-height: 5em;

        height: 30%;

        margin: 5%;

        margin-top: -2em;

        margin-bottom: 20%;

    }

    .navbar-default .navbar-nav > li > a {

        color: black;







    }

    .main3 {

        text-align: center;

        margin: auto;

        height: 100%;

        background-image: url("backlb.jpg");

        background-size: cover;

        color: white;

        padding-top: 3%;



        padding-left: 10%;

        padding-right: 10%;

        line-height: 2.5em;

    }



    .row {}

    .navbar {

        position: fixed;

    }

    .obrazek {

        width: 10%;

        visibility: visible;

    }

    .navbar-default {

        background: white;



        color: black;

    }

    .headti {



        font-weight: 600;

        font-size: 2em;

    }

    .kontakt {



        height: 100%;



    }

    .kont-h2 {

    margin-bottom: 10%;

}

    .obraz2 {

        width: 20%;

    }

    .buttondiv {

        margin-top: 2%;

        height: 50%;

    }

    .incolmd4 {

        height: 50%;

    }

    .col-md-6 {

        margin: 5%;

    }

    .cv {

        text-align: center;

        text-justify: inter-word; }

    .clientlogo {

        border: solid 1px gray;



        height: 60vh;

    }

    }





@media only screen and (max-width: 500px) {

.logocl{

    width:  100%;

    padding-top: 1%; }

}

    @media only screen and (max-width: 400px) {



        .kontakt {



            height: 100%;



        }

        .cvpic {

            width: 60%;

            

        }

        .przycisk {

            width: 85%;

        }

        .clientlogo {

            border: solid 1px gray;



            height: 35vh;

        }



    }