.bg-1 {
  background-image: url('/site/scripts/zm/images/header-bg.jpg');
  width: 100%;
  height: 65%;
  background-position: top;
  margin-top: -3%;
  background-size: cover;
}
.bg-2 {
  background-image: url('/site/scripts/zm/images/photo-1-bg.jpg');
  width: 100%;
  height: 55%;
  background-position: center;
  background-size: cover;
}
/* Komputer */
@media (min-width: 1401px) {
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 25px; }
body { font-family: 'Open Sans', arial; font-size: 19px; }
.mbar { height:32px;background:#393d43;position:absolute;top:0px;right:0px;left:0px; font-size: 22px; line-height: 30px; }
input.btn-czcionka, input.btn-kontrast { font-size: 20px; }
.pasek-label { font-size: 20px; }
.tekst { margin-left: 18%; margin-right: 18%; }
.wspace { margin-top: 60px; }
}
/* Komputer */
@media (min-width: 992px) and (max-width: 1400px) {
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
body { font-family: 'Open Sans', arial; font-size: 18px; }
.mbar { height:30px;background:#393d43;position:absolute;top:0px;right:0px;left:0px; font-size: 20px; line-height: 28px; }
input.btn-czcionka, input.btn-kontrast { font-size: 19px; }
.pasek-label { font-size: 19px; }
.tekst { margin-left: 13%; margin-right: 13%; }
.wspace { margin-top: 50px; }
}
/* Tablet:768px. */
@media (min-width: 768px) and (max-width: 991px) {
h1 { font-size: 44px; }
h2 { font-size: 42px; }
h3 { font-size: 38px; }
body { font-family: mavpro, 'Open Sans', arial; font-size: 36px; }
.mbar { height:60px;background:#393d43;position:absolute;top:0px; font-size: 45px; }
input.btn-czcionka, input.btn-kontrast { font-size: 22px; }
.pasek-label { font-size: 22px; }
.tekst { margin-left: 3%; margin-right: 3%; }
.wspace { margin-top: 20px; }
}
/* Mobile :320px. */
@media (max-width: 768px) {
h1 { font-size: 38px; }
h2 { font-size: 38px; }
h3 { font-size: 34px; }
body { font-family: mavpro, 'Open Sans', arial; font-size: 30px; }
.mbar { height:50px;background:#393d43;position:absolute;top:0px; font-size: 36px; }
input.btn-czcionka, input.btn-kontrast { font-size: 18px; }
.pasek-label { font-size: 18px; }
.tekst { margin-left: 2%; margin-right: 2%; }
}
#content { font-size: 1rem; }
#content p, #content ul, #content ol, #content dl, #content li, #content td, #content th, #content dd, #content dt {
    font-size: inherit;
}
#content h1 { font-size: 1.5em; }
#content h2 { font-size: 1.3em; }
#content h3 { font-size: 1.2em; }
#content h4 { font-size: 1.1em; }
input.btn-czcionka {
    color: white;
    background: crimson;
    border: 2px solid #252222;
    border-radius: 5px;
    padding: 1px 5px;
    cursor: pointer;
    white-space: nowrap;
}
input.btn-kontrast {
    color: black;
    background: yellow;
    border: 2px solid #252222;
    border-radius: 5px;
    padding: 1px 5px;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
}