@import url('https://fonts.googleapis.com/css?family=Open+Sans:300i,400i,300,400&subset=latin-ext');

@font-face {
    font-family: 'GloriaHallelujah';
    src: url('css/fonts/GloriaHallelujah.eot?#iefix') format('embedded-opentype'), url('css/fonts/GloriaHallelujah.woff') format('woff'), url('css/fonts/GloriaHallelujah.ttf') format('truetype'), url('css/fonts/GloriaHallelujah.svg#GloriaHallelujah') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    padding-top: 100px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-align: center;
}

a {
    color: #e61d25;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'GloriaHallelujah', 'Open Sans', sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 24px;
}

.modal-body p,
.modal-header h1 {
    font-family: 'GloriaHallelujah', 'Open Sans', sans-serif;
    color: #e61d25;
}

.starter-template {
    padding: 40px 15px;
    text-align: center;
}

.navbar {
    min-height: 100px;
    background-color: #ffffff;
    box-shadow: -6px 22px 79px 0px rgba(0, 0, 0, 0.26);
    height: 100px;
}

.navbar-nav {
    margin: 20px 30px;
}

#magia_marki {
    min-height: 600px;
    background-color: #ffffff;
    color: #e61d25;
}

#magia_marki p {
    text-align: right;
    float: right;
}

#pauza {
    min-height: 232px;
    background-color: #10204b;
    color: #ffffff;
}

#co_potrafie {
    min-height: 920px;
    background-color: #e61d25;
    color: #ffffff;
    background-image: url(images/szaman.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#cennik {
    min-height: 697px;
    background-color: #ffffff;
    color: #e61d25;
}

#nasza_wioska {
    min-height: 763px;
    background-color: #ffffff;
    color: #e61d25;
}

#co_potrafie p5 {
    padding-top: 26px;
}

#kontakt {
    min-height: 521px;
    background-color: #e61d25;
    color: #ffffff;
}

#szkolenia h1,
#pauza h1,
#cennik h1,
#co_potrafie h1,
#nasza_wioska h1,
#kontakt h1 {
    padding-top: 47px;
    padding-bottom: 44px;
}

#kontakt h2 {
    padding-top: 20px;
}

#kontakt img {
    padding-top: 26px;
}

#kontakt a {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    text-align: center;
    margin-bottom: 63px;
}

.namiot {
    background-image: url(images/namiot_niebieski.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 428px;
}

.kolo {
    background-image: url(images/kolo.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 372px;
    padding-top: 60px;
    margin-top: 60px;
}

.kolo_szamana {
    background-image: url(images/kolo_szamana.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 366px;
    padding-top: 120px;
    color: #ffffff;
}

.namiot p {
    padding-top: 252px;
}

.pierwszy,
.trzeci {
    margin-top: 158px;
}

.drugi {
    margin-top: 28px;
}

#co_potrafie h2::before {
    content: " ";
    width: 25px;
    height: 14px;
    background: url("images/totem.png") no-repeat;
    display: block;
}

.skill-1,
.skill-3 {
    text-align: left;
    padding-top: 60px;
}

.skill-2,
.skill-4 {
    text-align: right;
    padding-top: 70px;
}

.skill-1 p,
.skill-2 p,
.skill-3 p,
.skill-4 p {
    padding-top: 12px;
}

.chata-szamana {
    background-image: url(images/chata.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 403px;
    margin-top: 120px;
}

.zaklecia {
    padding-top: 103px;
    text-align: right;
}

.zaklecia h1 {
    padding: 10px;
    font-size: 29px;
}

.zaklecia p {
    font-family: 'GloriaHallelujah', 'Open Sans', sans-serif;
    font-size: 24px;
    padding-top: 60px;
}

.kolo_szamana p,
.kolo p {
    font-family: 'GloriaHallelujah', 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 23px;
    text-align: center;
}

.kolo_szamana h2,
.kolo h2 {
    font-size: 36px;
    font-weight: 400;
    text-align: center;
}

.kolo_szamana h3,
.kolo h3 {
    font-size: 43px;
    font-weight: 400;
    text-align: center;
}

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

    .pierwszy,
    .trzeci {
        margin-top: 28px;
    }

    #co_potrafie {
        background-image: none;
    }

    .zaklecia,
    .skill-1,
    .skill-2,
    .skill-3,
    .skill-4 {
        text-align: center;
        padding-top: 40px;
    }

    .chata-szamana {
        display: none;
    }
}

button,
.button {
    background: none;
    border: 0;
}

chmurka-dwa {
    background-image: url(images/chmurka-dwa.png);
    width: 100px;
    height: 64px;
    position: relative;
    padding-top: 165px;
    padding-left: 100px;
    -webkit-animation: mymove 100s;
    -webkit-animation-iteration-count: 2;
    animation: mymove 100s;
    animation-iteration-count: 2;
}

@-webkit-keyframes mymove {
    from {
        left: 0%;
    }

    to {
        left: 100%;
    }
}

@keyframes mymove {
    from {
        left: 0%;
    }

    to {
        left: 100%;
    }
}

.przycisk {
    background-image: url(images/przycisk.png);
    height: 75px;
    width: 199px;
    font-family="Open Sans";
    font-size: 24px;
    font-style: italic;
    line-height: 43px;
    text-transform: uppercase;
    color: #ffffff;
}

.tematy {
    font-family: "Open Sans";
    color: #1a2a55;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
}

#oferta,
#szkolenia {
    box-shadow: -6px 22px 79px 0px rgba(0, 0, 0, 0.26);
}

#szkolenia h1 {
    color: #e61d25;
    line-height: 46px;
}

.szkolenia-szamana {
    margin-right: 0px;
    margin-left: auto;
    padding-bottom: 30px;

}

.menu li a {
    color: #1a2a55;
    font-style: italic;
}

.menu li a:hover {
    color: #e61d25;
    background-color: #ffffff;
}

li {
    list-style-type: decimal;
}

#mini {
    background-color: #1a2a55;
    height: 22px;
}

#mini_red {
    background-color: #e61d25;
    height: 22px;
}

#szkolenia_pauza {
    height: 194px;
}

#szkolenia_pauza h2 {
    color: #1a2a55;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    padding-top: 56px;
}

#szkolenia_pauza h4 {
    color: #e61d25;
    font-size: 24px;
    font-weight: 400;
    line-height: 41px;
    text-align: center;
}

.converse {
    unicode-bidi: bidi-override;
    direction: rtl;
}

#oferta {
    color: #1a2a55;
}

#oferta h1 {
    padding-top: 50px;
    padding-bottom: 45px;
    color: #e61d25;
}

#oferta h2 {
    padding-bottom: 75px;

}

#oferta h3 {
    color: #e61d25;
    padding-top: 25px;
    padding-bottom: 10px;

}

#oferta li {
    list-style-type: none;
    border-top: 1px solid #c2c2c2;
    padding: 7px;
}