@font-face {
font-family: NeueWorld;src: url("../fonts/CondensedRegular.otf") format("opentype");}
*,:after,:before {box-sizing: border-box;}
  
body {
    color: #fff;
    background-color: #000;
    font-size:18px;
      line-height:24px;
      font-family: "Inter", sans-serif;
      font-weight: 300;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: auto;
      margin:0px;
}

.credits {
    writing-mode:vertical-rl;
    text-align: right;
    float:right;
    font-size:12px;
    padding-top:20px;
    color:#cccccc;
}

.container {
    max-width:1600px;
    margin: 0px auto;
    padding:0px;
    overflow:hidden;
}

.badge {
    color:#000;
    background: #fff;
    text-transform: uppercase;
    padding:4px 16px;
    font-size:10px;
    font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
    color:#fff;
    font-weight: normal;
    font-stretch: condensed;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    margin-top:0px;
    margin-bottom:0px;
}
h1, h2, h3, h4 {font-family: NeueWorld;}
h5, h6 {font-family: "Inter", sans-serif;}
h1 {font-size: 82px;text-align:left;line-height:0.98;}
h2 {font-size: 42px;}
h3 {font-size: 42px;}
h4 {font-size: 26px;align-self: stretch;text-align:left;}
h5 {font-size:22px;font-weight: 300;}
h6 {font-size:22px;font-weight:600;text-align: left;}

.error {font-size:18px;}

#header {
    background-image: url('../img/mountains.png'), url('../img/header.png') ;
    background-position: center bottom, center -200px;
    background-repeat: no-repeat, no-repeat;
    background-size: contain, cover;
    text-align: left;
}
#header div {max-width:1250px;margin:auto;padding-bottom:300px;}
#header img {margin-top:120px;margin-bottom:40px;}
#header p {font-size:20px; font-weight:600; line-height: normal;margin-top:50px;}
#postcards {
    background-image: url('../img/izery.png');
    background-repeat: no-repeat;
    background-position: center -10px;
    background-size: contain;
    margin-top: -10px;
    margin-bottom: -40px;
}
    
#postcards .item {display:flow-root;width:1000px;margin:auto;padding-top:30px;}
#postcards .img {margin:0px 32px;float:left;}
#postcards h3 {text-align:left;margin-top:10px;}
#postcards .black {color:#000;}
#postcards .black h3 {color:#000;}
#postcards p {margin-bottom:150px;}

#podcasts {padding-top:20px;text-align: center;}
#podcasts, #zone {background-color: #1c2d1a}
#podcasts .boxes-container {display:flex;margin:auto;justify-content: center;}
#podcasts .box {width:256px;height:210px;margin: 50px 16px; text-align: left;padding-left:10px;}
#podcasts .kieruj {background: url(../img/box_kieruj-sie-na-poludnie.png) no-repeat #526552;}
#podcasts .zakamarki {background: url(../img/box_zakamarki.png) no-repeat #526552;}
#podcasts .single {background: url(../img/box_single-z-zoliborza.png) no-repeat #526552;}
#podcasts a {color:#fff; text-decoration: none;}
#podcasts .box span, #podcasts .mobile-box span {font-size:10px; text-transform: uppercase;font-weight:500;}
#podcasts .play {text-align:center; margin-left: 100px;margin-top: 50px;margin-bottom: 50px; filter: drop-shadow(2px 2px 2px rgb(0 0 0 / 0.8))}
#zone {text-align: center; color:#fff;}
#zone span, #zone p {font-size:16px;font-weight:500;}
#zone span {background: #526552;padding:12px 24px;border-radius: 20px;}
#zone p {margin-top:100px;margin-bottom:16px;}
#zone a {color:#fff; text-decoration: none;}
#zone img {margin-left:10px; margin-right:10px;margin-bottom:56px;}




#radio {padding-top:64px; background-color: #151515; margin-top:0px;max-width:100%;}
#radio .grid {text-align:left;max-width:1400px;padding-bottom:100px;display: grid; grid-template-columns: 20% 20% 20% 20% 20%; padding-left:25px; padding-right:25px; margin:auto; margin-top: 60px;}
#radio hr {width: 70px;border: solid 1px #f95f1f;float:left;}
#radio h3 {color:#fff;}
#radio p {font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;color: #bbbbbb;}
#radio div {padding:10px;}
#radio img {margin-top:12px;}
#radio a {color:#f95f1f;text-decoration: none;}
#cookie {max-width:100%; text-align: center;}
#cookie p {max-width:1000px;margin:40px auto;color:#fff;font-size:13px;}



@media all and (max-width: 900px) {
    body {font-size:14px;width:100%;overflow-x: hidden;}
    h1 {font-size:40px;}
    h2 {font-size:24px;}
    h3 {font-size:28px;}
    h4 {font-size:24px;}
    h5 {font-size:15px;}
    h6 {font-size:16px;margin-top:6px;}
    #header, #postcards, #podcasts, #zone, #radio, #cookies {padding-left:20px; padding-right:20px;}
    #postcards h3, #postcards p {padding-left:30px; padding-right:30px;margin-top:10px;}
    .badge {margin-left:30px;}
    #header {
        background-image: url('../img/mountains-mobile.png'), url('../img/header-mobile.png') ;
        background-position: center bottom, center top;
        background-repeat: no-repeat, no-repeat;
        background-size: contain, cover;
        text-align: left;
    }
    #header div {padding-bottom:120px;}
    #header img {margin-top:40px;margin-bottom:250px;}
#header p {font-size:16px; font-weight:600; line-height: normal;margin-top:20px;}
#postcards {
    background-image: url('../img/izery-mobile.png');
    background-repeat: no-repeat;
    background-position: center -10px;
    background-size: cover;
    margin-top: -10px;
    margin-bottom: -40px;
}
#postcards .item {width:100%;}
#postcards .img {margin:0px 32px;float:none; width:80%;}
#postcards p {max-width:100%;margin-bottom:80px;}
    #podcasts .boxes-container {display:none;}
    #podcasts .boxes-container-mobile {padding-bottom:40px;}
    #zone p {margin-top:40px;}
    #podcasts .mobile-box {display:flex; background: #526552; margin-top:24px;height:69px;}
    #podcasts .info {text-align: left;padding:8px 10px;}
    #radio {margin-top:0px;padding-top:42px;}
    #radio .grid {grid-template-columns: 100%;padding-left:0px;margin-top:10px;padding-bottom:40px;}
    #radio p {font-size:14px; line-height: 1.43;}
    #radio h4 {text-align: left; padding-left:0px; padding-right:0px;}
}





@media all and (min-width: 901px) {
    #podcasts .boxes-container-mobile {display:none;}
}