/*****************  USTAWIENIA OGOLNE  *********************/

.glowna-strzaleczka {
    margin-top:20px;
}
.glowna-kolumna-prawa {
    margin:0 !important;
    padding:0 !important;

}


.glowna-kolumny-zdj {
    margin-top:20px;
    background-image: url("wp-content/themes/responsive-mobile/img/tlo-serca.png");


    background-position: 30px bottom;
    background-position: center bottom 50px;
    background-repeat: no-repeat;
    // background-size: cover;
    position: relative;
}
.glowna-kolumna-zdj {
    margin: 0 !important;
    padding :0 !important;
}

.glowna-zakladka-2 {
    position:relative;
    height:0px;
}

.glowna-zakladka-2-img{
    position:absolute;
    z-index:90;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    top:20px;
    width:460px;
}
.glowna-zakladka-2 > h2 {
    position:absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index:91;

}

.glowna-projekty-blok-1{
    max-width:538px;
    margin:30px 32px 18px;
    float:right;
    clear:left;
}
.glowna-projekty-blok-2{
    max-width:538px;
    margin:30px 0 18px 32px;
    float:left;
    clear:left;
}




.korona-1 {
    position: absolute;
    left: 110px;
    bottom: 63px;
    z-index: 50;
    width: 120px;

}





/***************** SZEROKOSC POWYŻEKJ 992 PX *********************/

@media (min-width:1100px) {


    
    .zdjecie-glowne {
  
        width: 100%;
    }

    .zdjecie-glowne-mobilne {
        display: none;
    }    

    .zdjecie-glowne-mobilne-mini {
        display: none;
    } 
    
    .odstep-pod-naglowkiem {
        overflow: visible;
        height: 81px;
    }

    
}




/***************** SZEROKOSC PONIZEJ 991 PX *********************/

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


    .zdjecie-glowne {
        width: 100%;
    }

    .zdjecie-glowne-mobilne {
        display: none;
    }    

    .zdjecie-glowne-mobilne-mini {
        display: none;
    } 
    
    .odstep-pod-naglowkiem {
        overflow: visible;
        height: 67px;
    }
    
    .korona-1 {
        left:8% !important;
        width:105px !important;

    }

}




/***************** SZEROKOSC PONIZEJ 780 PX *********************/


@media (max-width: 780px) {
    .glowna-zakladka-2 * {
        display: none;
    }
    .glowna-projekty-blok-1 {
        float:left;
        margin:30px 32px 18px;
        max-width:inherit;
    }
    .glowna-projekty-blok-2 {
        margin:30px 32px 18px 32px;
        max-width:inherit;
    }
    .glowna-kolumny-zdj {
        background:none;
    }
    


}





/***************** SZEROKOSC PONIZEJ 668 PX *********************/

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

    .zdjecie-glowne {
        display: none;
    }

    .zdjecie-glowne-mobilne {
        display: block;
        width: 100%;
    }    

    .zdjecie-glowne-mobilne-mini {
        display: none;
    } 


    .glowna-zakladka-1 > div{
        background-position: -350px;
    }
    
    .korona-1 {
        left:4% !important;
        width:75px !important;

    }
    
}












/***************** SZEROKOSC PONIZEJ 470 PX *********************/

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

    .zdjecie-glowne {
        display: none;
    }

    .zdjecie-glowne-mobilne {
        display: none;
        width:100%
    }    

    .zdjecie-glowne-mobilne-mini {
        display: block;
        width: 100%;

    } 
    .glowna-zakladka-1 > div{
        background-position: -450px;
    }
    
    .korona-1 {
        left:10px !important;
        -webkit-transform: rotate(45deg);
        transform: rotate(12deg);
        bottom:57px !important; 
        width:50px !important;
    }
}










.glowna-zakladka-1 {
    position:relative;
    height:0px;
}

.glowna-zakladka-1 > div{
    position:absolute;
    left:0;
    top:-65px;
    width:100%!important;
    height:66px;
    max-width:inherit;
    background-image: url("../img/zakladka-1.png");
    background-repeat: no-repeat;

}

.korona-1 {
    position:absolute; left:110px;  bottom:63px; z-index:50;
}


.entry-header, .post-data  {
    display: none;
}
.content-area {
    padding-top:0px;
}


.glowna-odstep-gorny {
    position:relative;
    width: 100%;
    height: 60px;
    overflow: visible;

}
.container,
.content-area, main#main {
    width: 100%;
    margin:0 !important;
    padding:0 !important;

}

.wp-block-column {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.marginesy-na-glownej {
    margin: auto 30px;

}

.centrujacy {
    max-width:1146px;
    margin-top:10px;
    margin: auto;
}











/*****************  USTAWIENIA OGOLNE  *********************/

.glowna-strzaleczka {
    margin-top:20px;
}
.glowna-kolumna-prawa {
    margin:0 !important;
    padding:0 !important;

}


.glowna-kolumny-zdj {
    margin-top:20px;
    background-image: url("wp-content/themes/responsive-mobile/img/tlo-serca.png");


    background-position: 30px bottom;
    background-position: center bottom 50px;
    background-repeat: no-repeat;
    // background-size: cover;
    position: relative;
}
.glowna-kolumna-zdj {
    margin: 0 !important;
    padding :0 !important;
}

.glowna-zakladka-2 {
    position:relative;
    height:0px;
}

.glowna-zakladka-2-img{
    position:absolute;
    z-index:90;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    top:20px;
    width:460px;
}
.glowna-zakladka-2 > h2 {
    position:absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index:91;

}

.glowna-projekty-blok-1{
    max-width:538px;
    margin:30px 32px 18px;
    float:right;
    clear:left;
}
.glowna-projekty-blok-2{
    max-width:538px;
    margin:30px 0 18px 32px;
    float:left;
    clear:left;
}




.korona-1 {
    position: absolute;
    left: 110px;
    bottom: 63px;
    z-index: 50;
    width: 120px;

}