body {
    margin: 0;
    padding: 0;
    color: #0000ff;
    background-color: #fbe079;
    background-image: url(./images/tlo1.png);
}


.tresc {
    background-color: rgba(255, 255, 255,1);
    padding: 7px;
    padding-left: 34px;
    width: 100%;
    border-style: inset;
}
.ramka {
    background-color:rgba(218,177,40,0.56);
    padding: 14px;
    padding-bottom: 14px;
    width: 100%;
    border-style: outset;
}
.navFont {
    font-size: 26px;
    color: white;
}
.fontVW{
    font-size: 1vw;
    /*color:#f15e0e;*/
}
.responsiveImg {
  max-width: 100%;
  height: auto;
}

.srodek{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.btNav{
    height: 56px;
}

.row{
    padding: 0px !important;
}

/*----------------------------------------------*/
/* ==== ekran 992px lub mniej ==================*/
@media screen and (max-width: 992px) {
    .fontVW{
        font-size: 4vw;
    }
    .navFont {
        font-size: 44px;
        color: white;
    }
    .btNav{
        height: 70px;
    }

}
/* ==== ekran 600px lub mniej ==================*/
@media screen and (max-width: 600px) {
    /*    .ramka {
        background-color: olive;
        width: 100%;
    }*/
    .navFont {
        font-size: 26px;
        color: white;
    }
}