@media all and (max-width: 840px) {

    h2 {
        font-size: 2em;
    }

    section .title {
        padding-bottom: 15px;
    }

    header nav {
        top: -200%;
        width: 100%;
        height: 100%;
        background: #FFF;
        position: fixed;
    }

    header.scrolled nav {
        top: -200%;
    }

    header.scrolled.active nav {
        top: 0%;
    }

    header nav ul {
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }

    header nav ul li {
        display: block;
    }

    header nav ul li a {
        font-size: 16px;
    }

    header #menu-btn {
        opacity: 1;
    }

    header.scrolled #menu-btn {
        opacity: 1;
    }

    section .wrapper {
        width: 85%;
        margin: 0px auto;
    }

    #about #about-text {
        width: 100%;
        margin-top: 30px;
    }

    #about #about-image {
        position: static;
        height: 350px;
        text-align: center;
        width: 100%;
    }

    #about #about-image img {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: auto;
    }

    #booking #booking-text {
        width: 100%;
        right: 0px;
        margin-top: 30px;
    }

    #booking #booking-text p.smaller {
        margin-left: 0px;
    }

    #booking #booking-image {
        position: relative;
        height: 350px;
        top: 0px;
        margin-top: 0px;
        text-align: center;
        width: 100%;
    }

    #booking.loaded #booking-image {
        lefT: 0px;
    }

    #booking #booking-image img {
        text-align: center;
        height: 230%;
        width: auto;
    }

    #power-speech #power-speech-text {
        width: 100%;
        margin-top: 30px;
    }

    #power-speech.loaded #power-speech-text {
        margin-top: 30px;
        margin-lefT: 0px;
    }

    #power-speech #power-speech-text p img {
        max-width: 90%;
    }

    #power-speech #power-speech-image {
        position: relative;
        height: 350px;
        top: 0px;
        margin-top: 0px;
        text-align: center;
    }

    #power-speech.loaded #power-speech-image {
        width: 100%;
    }

    #power-speech #power-speech-image img {
        max-width: 350px;
    }

    #duety #duety-osoby {
        float: none;
        margin: 30px auto;
    }

    #duety #duety-image {
        position: relative;
        width: 100%;
        text-align: center;
    }

    #duety #duety-image #plus {
        display: none;
    }

    #kontakt #kontakt-text {
        float: none;
        width: 90%;
        margin: 30px auto;
    }

    #kontakt #kontakt-seb {
        float: none;
        width: 320px;
        margin: 40px auto;
    }

    .training__text {
        display: block;
    }

    .training-column {
        margin: 0 0 25px;
    }

    #power-speech .letter {
        position: absolute;
        z-index: 1;
        font-size: 130px;
        font-weight: 800;
        opacity: 0.16;
        -webkit-transition: all 1s 0.5s;
        transition: all 1s 0.5s;
        left: 50%;
        bottom: -100px;
        font-family: "dock11regular";
    }

    #power-speech #letter-p {
        color: #a5414a;
    }

    #power-speech.loaded #letter-p {
        left: 5%;
        bottom: 75%;
    }

    #letter-o {
        color: #6172a4;
    }

    #power-speech.loaded #letter-o {
        left: 20%;
        bottom: 75%;
    }

    #letter-w {
        color: #4b2e44;
    }

    #power-speech.loaded #letter-w {
        left: 40%;
        bottom: 75%;
    }

    #letter-e {
        color: #1ba8a9;
    }

    #power-speech.loaded #letter-e {
        left: 65%;
        bottom: 75%;
    }

    #letter-r {
        color: #dc1f27;
    }

    #power-speech.loaded #letter-r {
        left: 80%;
        bottom: 75%;
    }

    #letter-s {
        color: #67463d;
    }

    #power-speech.loaded #letter-s {
        left: 5%;
        bottom: 60%;
    }

    #letter-p2 {
        color: #585f60;
    }

    #power-speech.loaded #letter-p2 {
        left: 20%;
        bottom: 60%;
    }

    #letter-e2 {
        color: #a43f48;
    }

    #power-speech.loaded #letter-e2 {
        left: 37%;
        bottom: 60%;
    }

    #letter-e3 {
        color: #6172a4;
    }

    #power-speech.loaded #letter-e3 {
        left: 55%;
        bottom: 60%;
    }

    #letter-c {
        color: #4b2e44;
    }

    #power-speech.loaded #letter-c {
        left: 70%;
        bottom: 60%;
    }

    #letter-h {
        color: #dc1f27;
    }

    #power-speech.loaded #letter-h {
        left: 85%;
        bottom: 60%;
    }

    #kontakt #kontakt-text p {
        text-align: center;
    }

    .training__text {
        display: block;
    }

    .training-column {
        margin: 0 0 25px;
        width: 100%;
        padding: 0;
    }

}

@media all and (max-width: 490px) {
    #duety #duety-osoby {
        width: 320px;
    }

    #duety #duety-osoby .osoba img {
        width: 78px;
        height: 78px;
    }

    #duety #duety-osoby .osoba.hidden {
        display: none;
    }

    #duety #duety-osoby .osoba.hidden2 {
        display: block;
    }

    #power-speech .letter {
        font-size: 90px;
    }

    #kontakt #kontakt-seb .img {
        width: 100px;
        height: 100px;
    }

    #kontakt #kontakt-seb p {
        font-size: 13px;
        margin-top: 8px;
    }

    #kontakt #kontakt-seb {
        width: 250px;
    }

    .training__text {
        display: block;
    }

    .training-column {
        margin: 0 0 25px;
        width: 100%;
        padding: 0;
    }

    .osoba__wrapper {
        width: 78px;
        height: 78px;
    }
}