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

    

    /*-------------- WITAJ -------------------- */

    #section-witaj { 
        height: 118vw;
        width: 100%;
        background: url(../img/bg1.svg)
            bottom no-repeat black;
    }

    #container-witaj-gfx {
        width: 100%;
    }

    #gfx-marcin {
        position: absolute;
        background: url(../img/DSC_8600s.png) no-repeat;
        height: 106.6vw;
        width: 90%;
        margin-left: -28vw;
        z-index: 10;
        top: 54px;

    }

    #gfx-marcin img {
        height: 100%;
    }

    #gfx-logo{
        position: relative;
        z-index: 2;
        }


    #gfx-logo img {
        margin-left: 32vw;
        margin-top: 144px;
        width: 61vw;
        height: 62vw;
        z-index: 6;
        background: black;
    }

    #soc-ico {
        height: 17vw;
        display: flex;
        align-items: flex-end;
        float: right;
        margin: 0 31px 0 0;
        color: white;
        text-align: center;
    }

    #soc-ico img{
        height: 42px;
        width: 42px;
        margin: 5px;
    }

    /*-------------- OMNIE -------------------- */

    #omnie {
        height: 240px;
    }

    #omnie hr {
        margin:7px 0 0 0;
        border-top: solid black 7px;
    }

    #nazwisko {
        padding-top:20px;
        padding-bottom: 18px;
        text-align: center;
        font-size: 26px;
    }

    #wiecej-omnie {
        box-sizing: border-box;
        margin: auto;
        text-align: center;
        width: 200px;
        height: 48px;
        font-size: 18px;
        padding: 9px;
        background: #111;
        color:#fff;
    }

    #wiecej-omnie:hover {
        background: #eee;
    }

    #wiecej-omnie a {
        text-decoration: none;
    }


    /*-------------- INSPIRACJE -------------------- */

    #section-inspiracja {
        background: black;
    }

    #inspiracje {
        max-width: 100%;
        color: white;
    }

    #inspiracje-L {
        position: relative;
        width: 100%;   
        margin-top: -70px;
    }

    #inspiracje-R {
        position: relative;
        width: 100%;
        background: orange;
    }

    #inspiracja-1 {
        background: #3771c8;
        font-size: 20px;
        padding: 35px;
        color: #222;
    }
            #i11 {
                font-size: 25px;
                line-height: 26px;
                font-weight: 600;
                padding-bottom: 16px;
            }

            #i11 span{
                color: #DDD;
            }

            #i12 {
               font-size: 14px; 
            }

            #i12 span{
                display: block;
            }

    #inspiracja-2{
        padding: 25px;
        height: 250px;
        text-align: center;
        vertical-align: middle;
        color: #222;
    }
    
    #inspiracja-2 hr {
        border: solid #222 2px;
        margin: 18px 12px;
    }
    
    #i21 {
        font-size: 34px;
        font-weight: 300;
    }
    
    #i22 {
        font-size: 34px;
        font-weight: 900;
    }

    /*-------------- TEAM -------------------- */

    #section-team {
        padding-bottom: 40px;
        width: 100%;
        background: url(../img/bg2.svg) top no-repeat white;
    }

    #section-team-header{
        text-align: center;
        font-size: 32px;
        font-weight: 600;
        line-height: 32px;
        padding-top: 130px;

    }

    #section-team-header span{
        font-size: 22px;
    }





    /*-------------- JOIN -------------------- */

    #section-join{
        background: black;
        color: white;
        padding-top: 10px;
        background: url(../img/bg1.svg) bottom no-repeat black;
    }

    #join-container{
        width: 100%;
        margin: auto;
      /*  display: flex; */
        padding-bottom: 60px;
    }
    #join-container a {
        margin: 0 5px 0 5px;
    }

    .join {
        width: 90vw;
        margin: auto;
        border: 2px solid grey;
        background: black;
        padding-bottom: 60px;
    }

    .gfx-triangle-top-left{
        width: 22px;
        margin: 20px;
    }

    .gfx-triangle-bottom-right{
        width: 22px;
        float: right;
        margin: 20px;
    }

    .join-gfx {
        text-align: center;
        width: 50vw;
        padding-bottom: 25px;
        margin: auto;
    }

    .join-gfx img{
        width: 50vw;
        height: 46vw;
    }

    .join-txt {
        text-decoration: none;
        color: white;
        text-align: center;
        font-size: 16px;
        font-weight: 200;
    }

    .join-txt b {
        font-size: 20px;
        font-weight: 600;
    }


    /*-------------- WYJAZDY -------------------- */

    #section-torney {
        color: black;
        padding-bottom: 40px;
        width: 100%;
        background: white;
        padding-top: 30px;
    }



    /*-------------- KONTAKT -------------------- */

    #section-kontakt{
        background: black;
        color: white;
        height: 280px;
        padding-top: 30px;
    }

    #kontakt-container{
        display: flex;
        flex-direction: column;
        width: 90vw;
        margin: auto;
        padding-top: 10px;
    }

    .kontakt{
        border: 1px solid grey;
        border-radius: 2px;
        display: flex;
        margin:auto;
        margin: 10px;
    }

    .kontakt-txt{
        height: 70px;
        margin: 20px 0 0 0;
        font-size: 16px;
    }

    .kontakt-gfx {
        margin: 20px;
    }

    .kontakt-gfx img{
        width: 52px;
        height: 52px;
    }

}