@media screen and (min-width: 501px) {



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

    #section-witaj { 
        padding-top: 48px;
        height: 655px;
        width: 100%;
        background: url(../img/bg1.svg)
            bottom no-repeat black;
        z-index: 5;
    }

    #container-witaj-gfx {
        width: 12%;
        margin: auto;
    }

    #gfx-marcin {
        position: absolute;
        background: url(../img/DSC_8600c.png) no-repeat;
        height: 658px;
        width: 413px;
        margin-left: -304px;
        z-index: 21;
        transform: translateY(-4px);
    }

    #gfx-logo {
        position: absolute;
        width: min-content;
    } 

        #gfx-logo img {
            margin-left: 27px;
            margin-top: 120px;
            width: 390px;
            height: 390px;
            z-index: 6;
        }

    #soc-ico {
        width: 96px;
        height: 42px;
        display: flex;
        align-items: flex-end;
        float: left;
        margin: 540px 0px 0px 240px;
        color: white;
        text-align: center;
    }

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

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

    #omnie {
        box-sizing: border-box;
        width: 600px;
        height: 110px;
        display: flex;
        margin: auto;
        padding-top: 28px;
    }

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

    #nazwisko {
        text-align: center;
        font-size: 32px;
        width: 370px;
        height: 48px;
        line-height: 46px;
    }

    #wiecej-omnie {
        box-sizing: border-box;
        text-align: center;
        vertical-align: center;
        width: 240px;
        height: 52px;
        font-size: 25px;
        padding: 7px;
        background: #111;
        color: #fff;
    }

    #omnie a:hover #wiecej-omnie{
        background: #F60;
        color: black;
    }


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

    #section-inspiracja {
        background: black;
    }

    #inspiracje {
        width: 50%;
        min-width: 700px;
        color: white;
        margin: auto;
        display: flex;
        padding-top: 50px;
    }

    #inspiracje-L {
        position: relative;
        width: 50%;  
        margin-bottom: -35px;
    }

    #inspiracje-R {
        position: relative;
        width: 50%;
        background: orange;
        margin-bottom: -35px;
    }

    #inspiracja-1 {
        background: #3771c8;
        font-size: 20px;
        padding: 35px;
        height: 250px;
        color: #222;
    }
            #i11 {
                font-size: 34px;
                line-height: 35px;
                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{
        margin: auto;
        width: 400px;
        padding-bottom: 60px;
    }
    #join-container a {
        width: 400px;
        margin: 0 5px 0 5px;
    }

    #join-container a:hover .join  {
        border: 4px solid #FC0;
        color: #FC0;
    }


    .join {
        width: 400px;
        margin: auto;
        border: 4px 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: 260px;
        padding-bottom: 25px;
        margin: auto;
    }

    .join-gfx img{
        width: 280px;
        height: 200px;
    }

    .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: row;
        width: 800px;
        margin: auto;
        padding-top: 20px;
    }

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

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

    .kontakt-gfx {
        margin: 20px;
    }

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

}