@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');

/* h1 { font-family: "berthold_citybold"; } */
.main-menu { font-family: "berthold_citybold"; font-size: 50px; line-height: 0.72em; }
.main-menu a {
    color: white; text-decoration: none;
    display: block;
    padding: 10px 20px;
}
.main-menu {
    list-style: none; margin: 0; padding: 0; display: flex;
    background-image: url("../img/menu_bg.svg");
    background-repeat: no-repeat;
    background-position: bottom left; margin-top: 20px;

    position: relative;
    z-index: 100;
}
.main-menu > li {
    margin-bottom: 0;
}
.sam-top-row {
    display: flex; margin: auto;
}

.sam-logo {
    width: 190px; margin-top: 20px; margin-right: 80px;
    margin-left: 40px;
    position: relative; z-index: 10;
}

.sam-logo a,
.sam-logo a:hover {
    transition: transform 0.2s;
}
.sam-logo a:hover img {
    filter: drop-shadow(2px 2px 0 black)
    drop-shadow(-2px -2px 15px black);
}

.sam-logo a {
    display: block;
}
.sam-logo a:hover {
    transform: scale(1.1);
}

.sam-menu-wrapper {
    width: calc(100% - 190px - 80px - 40px);
}

.key-art-bg.strazak-sma {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ef6d21+0,e02c26+100 */
    background: #ef6d21; /* Old browsers */
    background: -moz-linear-gradient(top,  #ef6d21 0%, #e02c26 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ef6d21 0%,#e02c26 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ef6d21 0%,#e02c26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6d21', endColorstr='#e02c26',GradientType=0 ); /* IE6-9 */

    height: 70vh;
    min-height: 680px;
    max-height: 800px;
    position: relative;
    overflow: hidden;
}

.sam-glowna-grafika {
    width: 90%; margin-left: auto; margin-right: auto;
    position: absolute; bottom: 0; left: 5%;
    height: calc(100% - 100px);
}

.pojazd-Strazaka-sama {
    position: absolute;
    right: 0;
    bottom: -110px;
    height: calc(100% + 110px);
}

.penny-postac {
    position: absolute;
    left: 0;
    bottom: -30px;
    max-height:545px;
    height: calc(100% - 5px);
}

.sam-postac {
    position: absolute;
    bottom: 0px;
    left: 180px;
 height: calc(100% - 5px);
    max-height: 580px;
}

.strzalka-wygraj {
    position: absolute;
    top: 0; right: 0;
}

.wygraj-samochod {
    position: absolute;
    right: 0; text-align: right; 
/*    font-family: 'olivers_barneyregular'; */
    font-family: 'Alfa Slab One', cursive;
    text-transform: uppercase;
    top: 100px;
    font-size: 39px;
    color: white; text-align: center;
}
.wygraj-samochod > span {
    display: block; position: absolute;
    right: 0;
}
.wygraj-samochod > span.back {
    -webkit-text-stroke: 10px #E2241C;
    position: absolute; right: 0;
}
.wygraj-samochod > span.up {
    z-index: 10;
}

.sam-glowna-grafika .bt_start {
    position: absolute; background-color: white;
    width: 320px; height: 100px;
    z-index: 100; border-radius: 50px;
    left: calc(50% - 160px);
    top: calc(60% - 50px); display: flex;
    align-items: center;justify-content: center;
    font-family: "berthold_citybold";
    border: solid 8px black;
}
.sam-glowna-grafika .bt_start a {
    text-decoration: none; color: black; font-size: 48px; display: block;
    line-height: 0.72em;
}

.sam-glowna-grafika .bt_start,
.sam-glowna-grafika .bt_start:hover {
    transition: transform 0.2s;
}


.sam-glowna-grafika .bt_start:hover {
    background-color: #f6d03a;
    transform: scale(1.1);
}

.sam-naglowek {
    margin-left: -17px; background-color: #e2211c;
    width: calc(100% + 100px);
    padding-left: 17px; padding-right: 17px;
    background-image: url("../img/naglowek_bg.svg");
    background-repeat: no-repeat; background-position-x: 380px;
    background-size: auto 63px; margin-bottom: 40px;
}
.sam-naglowek.blue {
    background-color: #0077c8;
}

.sam-naglowek h1 {
    margin-bottom: 0; font-family: "berthold_citybold"; color: white;
}

.sekcja-konkurs .zdjecie-01 {
    margin-top: 20px;
}

.sekcja-konkurs { margin-top: 40px; }
.sekcja-nagrody { margin-top: 80px; }

h2 {
    font-family: 'olivers_barneyregular';
}

.nagroda01 {
    float: right; width: 60vh; margin-top: -310px;
    margin-right: -60px;
    max-width: 56%;
}

.nagroda02 {
    float: right; width: 60vh; margin-top: -170px;
    margin-right: -60px;
    max-width: 56%;
}

.nagroda03 {
    float: right; width: 60vh; margin-top: -170px;
    margin-right: -60px;
    max-width: 56%;
}

.posciel {
    max-width: 360px;
}
.ilosc-nagrod { position: relative; width: 50%; }
.ilosc-nagrod .liczba {
    display: block; position: absolute;
    right: 20px; font-family: "berthold_citybold";
    font-size: 80px;
}

.row.nagroda-dodatkowa {
    margin-top: 150px;
}

.sekcja-partnerzy {
    margin-top: 100px;
}
.sekcja-partnerzy h2 { display: block; width: 20%; }
.sekcja-partnerzy ul { list-style: none; margin: 0; padding: 0; display: flex }
.sekcja-partnerzy ul > li {
    width: 340px; margin-left: 20px; margin-right: 20px;
    padding: 20px; text-align: center;
    border: solid 1px #ccc; border-radius: 6px;
}

.sekcja-partnerzy ul > li a,
.sekcja-partnerzy ul > li a:hover {
    transition: opacity 0.2s;
}

.sekcja-partnerzy ul > li a:hover {
    opacity: 0.7;
}

.sekcja-terminy {
    background-color: #d0d3d4; margin-top: 100px;
    padding-top: 40px; padding-bottom: 80px;
}

.sekcja-footer {
    background-color: #e2211c; padding-top: 20px;
}
.footer-arrow { transform: rotate(180deg); width: 60px; margin-right: 20px; }
.sekcja-footer .row .col-6 {
    display: flex;
}
.sekcja-footer .row .col-6 .paski {
    width: calc(100% + 84px); margin-right: -84px;
    background-image: url("../img/naglowek_bg.svg");
    background-repeat: no-repeat; background-position: bottom;
    background-position: 0 22px;
}

.galeria-rysunek .key-art-bg.strazak-sma,
.galeria-zestawienie .key-art-bg.strazak-sma {
    height: 45vh; min-height: 260px; max-height: 450px;
}
.galeria-rysunek .sam-glowna-grafika .bt_start,
.galeria-zestawienie .sam-glowna-grafika .bt_start {
    display: none;
}
.galeria-rysunek .pojazd-Strazaka-sama,
.galeria-zestawienie .pojazd-Strazaka-sama {
    bottom: -160px; height: calc(100% + 250px);
}
.galeria-rysunek .sam-postac,
.galeria-zestawienie .sam-postac {
    bottom: -130px; max-height: 500px;
}
.galeria-rysunek .penny-postac,
.galeria-zestawienie .penny-postac {
    bottom: -190px; max-height: 510px;
}
.galeria-rysunek .sam-glowna-grafika,
.galeria-zestawienie .sam-glowna-grafika {
    width: 76%; left: 12%;
}

.sekcja-galeria-zestawienie {
    margin-top: 80px;
}

.sekcja-galeria-zestawienie .col-12 {
    max-width: 800px;
}

.sekcja-galeria-grid {
    margin-top: 80px;
}

.sekcja-galeria-grid .item {
    margin-bottom: 0;
}

.sekcja-galeria-grid .item > a {
    display: block; padding-top: 56.25%;
    position: relative;
}
.sekcja-galeria-grid .item > a .wrapper {
    position: absolute; width: 100%; height: 100%;
    top: 0; left: 0; background-position: 50% 50%;
    background-size: cover; background-repeat: no-repeat;
    border: solid 1px #ccc;
}

.sekcja-galeria-grid ul {
    list-style: none; margin: 0; padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    row-gap: 40px;

    margin-bottom: 80px;
}

.sekcja-galeria-grid ul li.item .podpis {
    background-color: #f6d03a; position: relative;
    z-index: 10; margin-top: -10px;
    font-weight: 600;
    padding: 4px 20px; margin-left: 40px; max-width: 400px;
    background-image: url("../img/naglowek_bg.svg");
    background-position: 210px;
    background-repeat: no-repeat;
}
 li.item .podpis > span {
     font-weight: 200;
 }

    /*===============================================================*/

.sekcja-galeria-grid ul li.item > a .zoom {
    position: absolute; background-color: rgba(229,114,0,0.75); width: 200px; height: 200px; border-radius: 30px;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
    background-image: url("../img/ico_lupa.svg"); background-repeat: no-repeat;
    background-position: 50% 50%; background-size: 60px;
    transform: scale(0);
}

.sekcja-galeria-grid ul li.item > a:hover .zoom {
    transform: scale(1);
}

li.item > a:hover .zoom  {
    -webkit-animation: animation 1200ms linear both;
    animation: animation 1200ms linear both;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}


@-webkit-keyframes animation {
    0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    2.7% { -webkit-transform: matrix3d(0.389, 0, 0, 0, 0, 0.389, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.389, 0, 0, 0, 0, 0.389, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    5.41% { -webkit-transform: matrix3d(0.916, 0, 0, 0, 0, 0.916, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.916, 0, 0, 0, 0, 0.916, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    8.11% { -webkit-transform: matrix3d(1.302, 0, 0, 0, 0, 1.302, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.302, 0, 0, 0, 0, 1.302, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    10.71% { -webkit-transform: matrix3d(1.426, 0, 0, 0, 0, 1.426, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.426, 0, 0, 0, 0, 1.426, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    13.71% { -webkit-transform: matrix3d(1.306, 0, 0, 0, 0, 1.306, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.306, 0, 0, 0, 0, 1.306, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    16.62% { -webkit-transform: matrix3d(1.077, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.077, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    19.62% { -webkit-transform: matrix3d(0.887, 0, 0, 0, 0, 0.887, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.887, 0, 0, 0, 0, 0.887, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    22.52% { -webkit-transform: matrix3d(0.826, 0, 0, 0, 0, 0.826, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.826, 0, 0, 0, 0, 0.826, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    28.43% { -webkit-transform: matrix3d(0.97, 0, 0, 0, 0, 0.97, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.97, 0, 0, 0, 0, 0.97, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    34.33% { -webkit-transform: matrix3d(1.071, 0, 0, 0, 0, 1.071, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.071, 0, 0, 0, 0, 1.071, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    46.05% { -webkit-transform: matrix3d(0.971, 0, 0, 0, 0, 0.971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.971, 0, 0, 0, 0, 0.971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    57.86% { -webkit-transform: matrix3d(1.012, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.012, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    69.57% { -webkit-transform: matrix3d(0.995, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.995, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    81.38% { -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    93.19% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes animation {
    0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    2.7% { -webkit-transform: matrix3d(0.389, 0, 0, 0, 0, 0.389, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.389, 0, 0, 0, 0, 0.389, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    5.41% { -webkit-transform: matrix3d(0.916, 0, 0, 0, 0, 0.916, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.916, 0, 0, 0, 0, 0.916, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    8.11% { -webkit-transform: matrix3d(1.302, 0, 0, 0, 0, 1.302, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.302, 0, 0, 0, 0, 1.302, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    10.71% { -webkit-transform: matrix3d(1.426, 0, 0, 0, 0, 1.426, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.426, 0, 0, 0, 0, 1.426, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    13.71% { -webkit-transform: matrix3d(1.306, 0, 0, 0, 0, 1.306, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.306, 0, 0, 0, 0, 1.306, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    16.62% { -webkit-transform: matrix3d(1.077, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.077, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    19.62% { -webkit-transform: matrix3d(0.887, 0, 0, 0, 0, 0.887, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.887, 0, 0, 0, 0, 0.887, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    22.52% { -webkit-transform: matrix3d(0.826, 0, 0, 0, 0, 0.826, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.826, 0, 0, 0, 0, 0.826, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    28.43% { -webkit-transform: matrix3d(0.97, 0, 0, 0, 0, 0.97, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.97, 0, 0, 0, 0, 0.97, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    34.33% { -webkit-transform: matrix3d(1.071, 0, 0, 0, 0, 1.071, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.071, 0, 0, 0, 0, 1.071, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    46.05% { -webkit-transform: matrix3d(0.971, 0, 0, 0, 0, 0.971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.971, 0, 0, 0, 0, 0.971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    57.86% { -webkit-transform: matrix3d(1.012, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.012, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    69.57% { -webkit-transform: matrix3d(0.995, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.995, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    81.38% { -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    93.19% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

/*===============================================================*/

.formularz-szukaj .row { display: flex; justify-content: center; }
.formularz-szukaj input {
    border: solid; border-width: 2px; border-color: #999; border-radius: 5px; padding: 6px 10px;
    margin: 0.5em 0.5em;
}
.formularz-szukaj select {
    border: solid; border-width: 2px; border-color: #999; border-radius: 5px; padding: 6px 10px;
    margin: 0.5em 0.5em; background-color: white;
}

.formularz-szukaj button {
    display: flex;
    background: none; border: solid; color: #0077c8; margin: 0.5em 0.5em;
    border-width: 0px; border-color: transparent; margin-top: 12px; cursor: pointer;
}
.formularz-szukaj button:hover { color: #d70b5b; }
.formularz-szukaj button svg { fill: #440099; margin-right: 10px; }
.formularz-szukaj button:hover svg { fill: white; }

.pager { text-align: center; padding-top: 2em; padding-bottom: 2em; }
.pager select {
    border: solid; border-width: 1px; border-color: transparent; border-radius: 5px; padding: 6px 10px;
    background-color: #0077c8; margin-left: 0.5em; color: white;
}
svg .cls-1 {
    fill: #0077c8;
}
.formularz-szukaj button:hover .cls-1 {
    fill: #d70b5b;
}

.galeria-rysunek .pojazd-Strazaka-sama {
    display: none;
}
.galeria-rysunek .wygraj-samochod {
    display: none;
}
.galeria-rysunek .strzalka-wygraj {
    display: none;
}
.galeria-rysunek .penny-postac {
    left: unset; right: -40px;
}
.galeria-rysunek .sam-postac {
    left: -40px;
}

.container.sekcja-galeria-rysunek {
    width: 56%;
    margin-top: -310px; position: relative;
}

.sekcja-galeria-rysunek .rysunek {
    display: block; width: 100%;
    border: solid 4px #f6d03a;
}
.sekcja-galeria-rysunek .podpis {
    background-color: #f6d03a; position: relative;
    z-index: 10; margin-top: -10px;
    font-weight: 600;
    padding: 4px 20px; margin-left: 40px; max-width: 400px;
    background-image: url("../img/naglowek_bg.svg");
    background-position: 210px;
    background-repeat: no-repeat;
}

.sekcja-galeria-rysunek.podpis > span {
    font-weight: 200;
}

.sekcja-galeria-nawigacja {
    margin-top: 80px;
}

/* ===================================================================== */
.rysunek-nawigacja ul {
    list-style: none; margin: 0; padding: 0;
    display: flex; justify-content: center;
}
.rysunek-nawigacja ul > li {
    margin-left: 5px; margin-right: 5px;
}
.rysunek-nawigacja ul > li a {
    text-decoration: none; display: flex;
    align-items: center; color: #666;
}
.rysunek-nawigacja ul > li a span.ico {
    display: block; width: 65px; height: 80px;
    background-repeat: no-repeat; color: transparent;
    background-size: contain; background-position: 50% 50%;
}
.rysunek-nawigacja ul > li a span.label {
    display: block;
}

.rysunek-nawigacja ul > li.prev a span.ico {
    background-image: url("../img/ico-prev.svg");
}
.rysunek-nawigacja ul > li.next a span.ico {
    background-image: url("../img/ico-next.svg");
}

.rysunek-nawigacja ul > li a span.ico,
.rysunek-nawigacja ul > li a:hover span.ico {
    transition: transform 0.2s;
    transition-delay: 0.1s;
}

.rysunek-nawigacja ul > li a:hover span.ico {
    transform: scale(1.3);
}

/* ===================================================================== */

.tmp { border: solid 1px #00FF00; box-sizing: border-box !important; }

@media only screen and (max-width: 1536px) {
    .sam-logo a { width: 150px; }
    .penny-postac { height: calc(100% - 30px); }
    .sam-postac { height: calc(100% - 25px); }
}

@media only screen and (max-width: 1024px) {
    .nagroda02, .nagroda01, .nagroda03 {max-width: 100%;}
    .sam-logo { width: 140px; margin-right: 40px }
    .main-menu { font-size: 34px; background-position: -200px; }
    .sam-menu-wrapper {
        width: calc(100% - 140px - 40px - 40px);
    }
    .main-menu a { padding-left: 10px; padding-right: 10px; }

    .sam-glowna-grafika .bt_start {
        width: 250px;
        height: 70px;

        left: calc(50% - 125px);
        top: calc(60% - 35px);

    }
    .sam-glowna-grafika .bt_start a { font-size: 32px; }
    .strzalka-wygraj { width: 60px; height: 60px; }
    .wygraj-samochod {
        top: 70px; font-size: 40px;
    }

    .nagroda01 {
        margin-top: -110px; margin-right: 0;
    }
    .nagroda02 {
        margin-top: 0; margin-right: 20px;
    }
    .nagroda03 {
        margin-top: 10px;
        margin-right: 60px;
    }
}

@media only screen and (max-width: 980px) {
    .sam-postac  {
        left: 120px;
    }
    .sam-glowna-grafika {
        width: 100%; left: 0;
    }

    .nagroda03,
    .nagroda02,
    .nagroda01 {
        margin-top: 40px;
        margin-right: unset;
        float: unset;
    }

}

@media only screen and (max-width: 767px) {
    .main-menu { background-position: -310px; }
    .pojazd-Strazaka-sama {
        max-width: 500px;
        object-fit: contain;
    }
    .sam-logo { width: 100px; margin-right: 20px }
    .sam-menu-wrapper {
        width: calc(100% - 100px - 20px - 40px);
    }

    .key-art-bg.strazak-sma {
        height: 50vh;
    }
    .pojazd-Strazaka-sama {
        bottom: -60px;
        height: calc(100% + 90px);
    }
    .wygraj-samochod {
        right: 40px;
    }

    .sekcja-terminy .col-6,
    .sekcja-konkurs .col-6 {
        flex: unset;
        width: 100%;
        max-width: unset;
    }

    .sekcja-partnerzy .row {
        display: block;
    }

}

@media only screen and (max-width: 640px) {
    .main-menu { font-size: 26px; background-position: -390px bottom; }
    .sam-glowna-grafika .bt_start {
        width: 200px;
        height: 60px;

        left: calc(50% - 100px);
        top: calc(60% - 30px);

    }
    .sam-glowna-grafika .bt_start a { font-size: 26px; }

    .key-art-bg.strazak-sma {
        height: 47vh; min-height: 330px;
    }
    .sam-postac {
        left: 90px;
    }
}

@media only screen and (max-width: 560px) {
    .sam-logo { width: 80px; margin-right: 20px; margin-left: 20px }
    .sam-menu-wrapper {
        width: calc(100% - 80px - 20px - 20px);
    }
    .wygraj-samochod {
        font-size: 30px;
    }
    .wygraj-samochod > span.back {
        -webkit-text-stroke: 7px black;
    }
    .sam-glowna-grafika .bt_start {
        top: calc(80% - 30px);
    }
}


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

    .pojazd-Strazaka-sama, .strzalka-wygraj, .wygraj-samochod {display: none;}
    .sam-postac{
        right: 0;
        left: auto;
    }

    .sam-logo img, .sam-logo a {
        max-width: 100%;
    }

}

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

    .key-art-bg.strazak-sma {
        height: 48vh;
        min-height: 280px;
    }
    .strzalka-wygraj {
        width: 50px;
    }
    .wygraj-samochod {
        top:-30px;
    }
}

@media only screen and (max-width: 420px) {
    .main-menu {
        font-size: 24px;
    }
    .main-menu a:nth-child(1) {
        padding-left: 0;
    }
    .sam-logo { margin-left: 10px; margin-right: 10px; }
}